Search Results for 'add widget'

[Sonal S Sinha]

They come from appearance>theme options>footer

In case of removal go to appearance>widgets>add anything like drag and drop any widget in footer widgets 1-4 and you should replace what is shown default.

This video might help:

How to set up own widgets and remove default footer widgets: https://www.youtube.com/watch?v=4a1cR34OGMU

Regards,
Shri

[Laurie]

I have resolved some – but not all – issues after many hours of attempts. I now have the following support needs and appreciate your assistance for this site:
http://deathward13.com/contact/

1) Inner Page Banner
We are using a larger than recommended inner page banner that worked find on the free version of SKT Black. However, it now cuts off when enlarged but looks fine on mobile and pad and some desktop.

2) White Space on Mobile
We still have white space under the slider, but now only on the Mobile version. I have tried the following code to fix the mobile issue but none of these work:

DOES NOT WORK:
@media screen and (min-width:980px){
.slider-wrapper{min-height:auto !important;}
}

DOES NOT WORK:
@media screen and (max-width:767px) {
.has_trans_header .spacebottom { padding-bottom:45px;}
}

DOES NOT WORK:
@media screen and (max-width:667px){
.has_trans_header .spacebottom {
padding-bottom: 0 !important;
}
}

DOES NOT WORK:
#slidera { display:none !important;}
#sidebar .widget_wrap iframe { width:100% !important;}
@media screen and (max-width:767px){
.page #slidera, .single #slidera, .archive #slidera, .search #slidera, .error404 #slidera { display:none !important;}
}

DOES NOT WORK:
@media screen and (max-width:767px) {
article p { padding:0 !important;}
}

3) Social Media Color
Please let me know how to change the social media color.

Thank you.

[MP EK]

Thank you. Both code fragments added and checked with desktop browser, but there is still some mismatch:
title of wysija widget “Newsltter” is at wrong place, please have a lokk on website in initial post

[Sonal S Sinha]

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:767px) {
.widget_wysija_cont { width:100% !important; float:none !important; margin-bottom:30px;}
}

Regards,
Shri

[Sonal S Sinha]

Kindly go to Appearance>>Theme Options>>Layout Settings>>Custom CSS Box:

Add this code there:

.widget_wysija_cont { box-sizing: border-box; float: left; padding: 0 15px; width: 33.333%;}

Regards,
Shri

[Stephanie]

Hi Shri,

I was able to figure out why the originally provided CSS did not work and have been able to accomplish 3 boxes by 2 rows for section 2. YEA !!

Unfortunately, in trying to move the navigation menu from the very top of the page, somehow it has been removed and my logo is now showing on the next section and not on the top of the header/slider home page. : (

Below is the CSS header section details. (I’m sorry… hopefully this is an easy fix?)

.main-container{margin:0; padding:0;}
body.home .fixed, body.blog .fixed{position:fixed !important; top:0 !important; margin:0; padding:0; z-index:99;}
.header .header-inner{ margin: 0; padding: 10px; position:relative; width:1160px;}
.header .header-inner .logo{padding: 10px; float:left; margin: 0;}
.header .header-inner .logo h1{ font-weight:400; line-height:100%;}
.header .header-inner .logo span.tagline{ display:block; text-align:right; margin: 0; padding: 0}
.container{ width:1160px; margin: 0; padding: 0; position:relative;}
.toggle{display:none;}
.header{width:100%; height:auto; position:absolute; padding: 10px; z-index:9999;}
.parent{ background:url(images/down_arrow.png) no-repeat scroll 100px 8px;}

Below is the header widget code as well.

.header-widget{ float:right; margin:10px; padding:10px; color:#ffffff;}

I’m sorry…hopefully you can help.

Thank you,

Stephanie

[Sonal S Sinha]

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

section { padding:40px 0;}
.header .header-inner .logo { margin-top:15px;}
.header .header-inner .nav ul li a { padding:20px 15px;}
body.home section h2 { padding-bottom:30px;}
#footer-wrapper { padding-top:40px;}
.widget-column-1 { margin-bottom:0;}

Regards,
Shri

[Sonal S Sinha]

Appearance>Theme Options>Basic settings or header and footer in theme options

If its not given then kindly go to appearance>widgets add a widget in header widget area to post your own number and email id.

Regards,
Shri

[Michael]

I’ve read a few posts and have gotten a bit further, but still need some help.

The original html is this:

<h5>Newsletter Signup</h5>
	<div class="newslettersign">
Street tempor Donec ultricies mattis nulla, suscipit risus tristique ut.
	<form action="#" method="post">
		<input type="email" name="email" placeholder="Email Address"  />
		<input type="submit" name="button" value="SUBMIT"  />
	</form>
	</div>
	<div class="clear"></div>
<h6>Follow Us</h6><div class="social-icons">
<a href="https://www.facebook.com/woofamilyministry/" target="_blank" class="fa fa-facebook fa-lg" title="facebook"></a>
<a href="#" target="_blank" class="fa fa-twitter fa-lg" title="twitter"></a>
<a href="#" target="_blank" class="fa fa-linkedin fa-lg" title="linkedin"></a>
<a href="#" target="_blank" class="fa fa-pinterest fa-lg" title="pinterest"></a>
<a href="#" target="_blank" class="fa fa-google-plus fa-lg" title="google-plus"></a>
<a href="#" target="_blank" class="fa fa-youtube fa-lg" title="youtube"></a>	
<a href="#" target="_blank" class="fa fa-instagram fa-lg" title="instagram"></a>	
	</div>

I am using Newsletter plugin.

I have placed the widget in footer widget 3, but the styling is not right. Not sure how to style it. I have sent a link using contact form.

[Sonal S Sinha]

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

body { font-size:17px;}
.four_column p { font-size:14px;}
.cols-4 { width:31.60%;}
.cols-4 .widget-column-2 { width:20%;}
.cols-4 .widget-column-3 { display:none;}
.cols-4 .widget-column-4 { width:35%;}
.site-main { width:100%;}

Regards,
Shri

[Sonal S Sinha]

Hi,

For hiding contact form and testimonials you can use page full width template.

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

For footer
.cols-3 .widget-column-2, .cols-3 .widget-column-3 { display:none !important;}

Regards,
Shri

[Robert]

Hello,

I recently purchased the Industrial theme and I wanted to add a widget to the ‘footer widget 4’ area but when I do it’s not coming up on my live site. Only letting me have 3 widgets in footer.

What do you think is going on?

[Sonal S Sinha]

Hi,

Kindly go to appearance>editor>custom-functions.php to change text in case you are developer or else go to appearance>widgets and then add contact form 7 plugin widget in the sidebar to replace ours.

Regards,
Shri

[Sonal S Sinha]

Hi,

The contact form is via custom-functions.php not recommended to edit if you are not a developer.

Else go to appearance>widgets and add a text widget in sidebar and add the contact form 7 plugin widget there.

Regards,
Shri

[Sonal S Sinha]

Kindly use a php widget plugin and then add that widget and use this code: <?php echo do_shortcode('[contactform to_email=”[email protected]” title=”Contact Form”]');?>

Pick up the actual shortcode and not from here as curly braces might go wrong.

Regards,
Shri