Sonal S Sinha Moderator
Topics: 0 Replies: 31231 Total: 31231
Member since: August 16, 2013
Hi,
Kindly go to Appearance >> Customize >> Front Page >> Section >> and change section background color
Regards,
Dave
Mika Sauren Participant
Topics: 36 Replies: 64 Total: 100
Member since: August 8, 2019
Thank you, now its set ok. But is it possible to chance border color of logo area and can chance background color of same area?
Hi, i would like to adjust Adventure theme home section 1, i like ti use [client image=”http://avtel.fi/wp-content/themes/skt-naturo-pro/images/client-logo1.jpg” ; link=”#”] shortcodes here. But can adjust padding top and bottom of section, also is it possible to chance border color of logo area and can chance background color of same area?
Keith Participant
Member since: November 14, 2016
I’m using the Fundraiser theme. My Social Icons aren’t displayed as they do in the online demo. Instead, they’re very small and don’t have the background color.
My site is: https://symmetryptmiami.com/
Kindly check the Social Icons on the top-right-hand-side, and bottom-right-hand-side of the website.
In your banking demo – http://sktperfectdemo.com/demos/banking
On the far-right side is the button, “APPLY FOR A LOAN”. The background on that button has special coloring.
On my site – https://leapforwardinc.imaginativedata.com
My far-right button is missing the special coloring. How do I get it back?
Doug
Sonal S Sinha Moderator
Topics: 0 Replies: 31231 Total: 31231
Member since: August 16, 2013
Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
#topmenu ul li a { padding:35px 20px 20px;}
.header { background-color: transparent; background-image: url(https://apurvy.com/wp-content/uploads/2019/12/tenor.gif);}
Regards,
Chris
Zainab Gurka Participant
Topics: 101 Replies: 91 Total: 192
Member since: November 14, 2016
Thx Chris for your kind reply…
Its fine…but
In https://apurvy.com/ i want to add image in Header instead of color ….can you help me for this…???
Second thing i want to reduce gap between Nav Menu and slider …..kindly help me for this….
Regards
Zainab
Lawrence Knox Participant
Topics: 5 Replies: 9 Total: 14
Member since: October 5, 2019
Hi Dave,
I’ve done that, but to no avail. I’m still getting the plain turquoise thumbnail:
https://knoxstudy.com/ielts-speaking-private-lessons/
FYI – to solve previous problems, this is all of the CSS I’ve been told to add:
@media screen and (max-width: 29.938em) {
#skt-builder-home-section1-block-38 {background-color:#ffffff !important;}
#skt-builder-home-section2-block-167 {background-color:#222 !important;}
#sktbuilder-iconbox-block-528 {background:#ffffff !important;}
#skt-builder-home-section7-block-510 {background:#ccc !important;}
#skt-builder-home-section5-block-421 {background:#ffffff !important;}
}
@media screen and (max-width:767px) {
body {
background:#fff !important;
}
}
@media screen and (max-width:1023px) {
#simple-menu .fa-bars {
color:
#000 !important;
}
body {
background:#fff !important;
}
}
@media screen and (max-width:767px) {
.page_head_bg, .post_head_bg { min-height:100px !important;}
}
span.desc { font-size:24px; color:#fff;}
.page .menusection { background-color:rgba(163,163,163, .2) !important;}
#footer a { color:#fff;}
@media screen and (max-width:479px) {
.page_head { height:115px !important; width:100% !important;}
}
@media screen and (min-width:1024px) and (max-width:1169px) {
.page_head { height:135px !important;}
}
.page_head { height:180px !important;}
To confirm, I want a plain turquoise heading, but I want a different image for the thumbnail.
Thanks
Hi,
When using SKT Builder, is it possible to add your own code? I need to add the following code:
<script src=”//simplybook.it/v2/widget/widget.js”></script>
<script>var widget = new SimplybookWidget({“widget_type”:”iframe”,”url”:”https:\/\/knoxstudy.simplybook.it”,”theme”:”emeri”,”theme_settings”:{“timeline_show_end_time”:”0″,”timeline_modern_display”:”as_slots”,”sb_base_color”:”#9f7f5d”,”display_item_mode”:”block”,”booking_nav_bg_color”:”#ffffff”,”body_bg_color”:”#f1f1f1″,”dark_font_color”:”#333333″,”light_font_color”:”#ffffff”,”sb_company_label_color”:”#ffffff”,”hide_img_mode”:”0″,”sb_busy”:”#ffe2d4″,”sb_available”:”#f0f0f0″},”timeline”:”modern_week”,”datepicker”:”top_calendar”,”is_rtl”:false,”app_config”:{“predefined”:[]}});</script>
To take bookings. However, when I tried to add it to my home page, it simply comes up as text:
https://knoxstudy.com/
It is easy to add to the simple WordPress pages, but how can I add it for SKT Builder? Thanks.
Mark Fisher Participant
Topics: 12 Replies: 27 Total: 39
Member since: December 1, 2019
Colors…good.
Just a bit of overlap still between the logo and page titles
Sonal S Sinha Moderator
Topics: 0 Replies: 31231 Total: 31231
Member since: August 16, 2013
Hi,
Kindly use this CSS:
@media screen and (min-width:768px) and (max-width:1023px) {
body { color:#fff !important;}
.header { position:relative !important;}
.single_post_content h1.page-title, .single_post_content h2, .single_post_content h2 b, .single_post_content h3 { color: #fff !important;}
#simple-menu .fa-bars { color: #fff !important;}
}
Regards,
Dave
Hi you can help me please for this questions…
1 – https://www.sktthemes.org/forums/topic/spa-text-section-image/
2 -https://www.sktthemes.org/forums/topic/spa-slider-text-color/
3 -https://www.sktthemes.org/forums/topic/skt-spa-mobile/
4 -https://www.sktthemes.org/forums/topic/reiki-pro-problem-text/
Is a problem thanks my customer is waiting…. Thanks so much!
Regards
Carlos!!
There continues to be a number of issues with the mobile version of the current site I am building. Dave has helped me kill a number of bugs. The media screens for phones finally looks acceptable, but the media screen for tablets continue to be a huge headache, and my client wants them fixed.
Here’s a screen shot that shows two current issues:
• Still seeing overlap between the logo and the page titles
• The dark text colors for basic text, and all headers is much too dark on a dark background. Dave gave the fix, but it only fixed it for the phone screen, not the tablet screen.
Screenshot: http://originalcent.com/wp-content/uploads/2019/12/IMG_0002.png
Website in question: http://capricornhealthcareconsultants.com
We’ve added a lot of custom CSS lately. I’m not sure how to post that here, so I did a screenshot of the current CSS additions: http://originalcent.com/wp-content/uploads/2019/12/Capsite-Custom-Notes.png
Sonal S Sinha Moderator
Topics: 0 Replies: 31231 Total: 31231
Member since: August 16, 2013
Hi,
Remove
@media screen and (max-width:767px) {
#content .page-title, .single_post_content h3 b { color:#ededed !important;}
}
And add this New CSS:
@media screen and (max-width:767px) {
body, #content .page-title, .single_post_content h3 b, #content .page-title, .single_post_content h2 b, .single_post_content p { color:#ededed !important;}
}
Regards,
Dave
Sonal S Sinha Moderator
Topics: 0 Replies: 31231 Total: 31231
Member since: August 16, 2013
Hi,
Kindly use this CSS
@media screen and (min-width:768px) and (max-width:1023px) {
#simple-menu .fa-bars {
color:#000 !important;
}
.post_head { height:200px !important;}
}
Regards,
Dave