Search Results for 'footer'

[Caitlin]

Caitlin

#234850

Thanks for this. The top of each column now aligns, but I’m still not able to get the following to work out:
-I just noticed that a bit of the left side of the logo in Footer Column 1 is cut off
-Footer Columns 2 & 3 (Contact and Follow Us) seem to be different font sizes. I tried updating the header font options in Topography settings, but the footer font didn’t seem to be pulling from any of these.
-Columns aren’t equally spaced
Sorry to have so many questions–I’m just not sure where I go to make these updates.
Thank you!

[Ben Ritner]

Ben Ritner

#234763

Hey,
Different widgets have different outputs and styles. They all don’t use the same font because they are not all output as the same thing. For example one widget my output a h4 and another an h3. Those would have font families that match what you have selected in the theme options.

Currently, you are adding in “infobox” widget into the footer, which is fine but that widget doesn’t have a “title” field that many traditional widgets do. For example, a lot of basic widgets are title than the content below that. It also defaults to have padding around the internals because it’s basically a large button.

You can use custom remove that padding to make the top align but it’s not really how that widget is designed to be used to take that to mind:

.footer-widget .kad-info-box {
    padding: 0;
}

.footer-widget .kad-info-box h4 { margin-top:0;}

.footer-widget .kad-info-box i {
    margin: 0;
    padding-top: 10px;
}

What are you wanting to change with the fonts?

Ben

[Dmitry]

Dmitry

#234738

Hello!
A have few short questions

1) How to disable showing sidebar on mobile phone? I want to see sidebar only on PC and laptop.

2) I have white space between last row and footer. Any css i should apply to remove it?

3) How to remove logo and main menu from showing on all devices. I want to only secondary meny left.

Many thanks for your help!

[Dmitry]

Dmitry

#234738

Hello!
A have few short questions

1) How to disable showing sidebar on mobile phone? I want to see sidebar only on PC and laptop.

2) I have white space between last row and footer. Any css i should apply to remove it?

3) How to remove logo and main menu from showing on all devices. I want to only secondary meny left.

Many thanks for your help!

[Caitlin]

Caitlin

#234727

I’m trying to get my footer widgets to align to the top of the footer box, and I’m not seeing the option within the widget. Any tips for how to control alignment here? Also, can you tell me where I manage the footer font? Thanks!
*Login to see link

[Caitlin]

Caitlin

#234727

I’m trying to get my footer widgets to align to the top of the footer box, and I’m not seeing the option within the widget. Any tips for how to control alignment here? Also, can you tell me where I manage the footer font? Thanks!
*Login to see link

[pdyoko]

pdyoko

#234607

Hi,

Need a clever Custom CSS to increase margin (buffer) between Home Widget Area Content and footer. Right now the content in Home Widget Area is overlapping a bit due to shadow that I created for image. I am using SPLIT CONTENT in that widget.

Thank you,
Pam

[pdyoko]

pdyoko

#234607

Hi,

Need a clever Custom CSS to increase margin (buffer) between Home Widget Area Content and footer. Right now the content in Home Widget Area is overlapping a bit due to shadow that I created for image. I am using SPLIT CONTENT in that widget.

Thank you,
Pam

[Andrea]

Andrea

#234583

Hello,

I had wanted to expand the width of the menu in the header so that the menu items were all on one line, which also meant changing the logo width. I had used the following to adjust the width:

@media (min-width: 992px){
.col-md-4, .span4 {
width: 20% !important;
margin-top: 20px;
}

.col-md-8, .span8 {
width: 80% !important;
margin-top: 20px;
}}

However, the .col-md-4 is affecting the footer columns. Is there a better way to achieve the 20/80 looks for the header without affecting the footer? Also, I am experiencing some glitching when the header shrinks for sticky.

Thank you,
Andrea

[Andrea]

Andrea

#234583

Hello,

I had wanted to expand the width of the menu in the header so that the menu items were all on one line, which also meant changing the logo width. I had used the following to adjust the width:

@media (min-width: 992px){
.col-md-4, .span4 {
width: 20% !important;
margin-top: 20px;
}

.col-md-8, .span8 {
width: 80% !important;
margin-top: 20px;
}}

However, the .col-md-4 is affecting the footer columns. Is there a better way to achieve the 20/80 looks for the header without affecting the footer? Also, I am experiencing some glitching when the header shrinks for sticky.

Thank you,
Andrea

[Ben Ritner]

Ben Ritner

#234573

You are getting a fatal error in your footer. If you can look at the error log you would be able to see what is causing it.

Ben

[Hannah]

Hannah

#234160

Hey,
You can edit/remove this from Appearance > Widgets > Footer Column 4.
Hope that helps!

Hannah

[admin112]

admin112

#234159

Hi,

Please refer to the attached screenshot from home page of http://www.wildlifeconservationtrust.org

I would like to delete the video file from Footer coloumn and embed a video from YouTube in its place.

How do I embed a YouTube video to Footer coloumn 4 while keeping the look and feel as it is now?

Yogi

[admin112]

admin112

#234159

Hi,

Please refer to the attached screenshot from home page of http://www.wildlifeconservationtrust.org

I would like to delete the video file from Footer coloumn and embed a video from YouTube in its place.

How do I embed a YouTube video to Footer coloumn 4 while keeping the look and feel as it is now?

Yogi

[Annette]

Annette

#234157

We would like the above footer widget container to fill the screen width but this does not seem possible using the Layout Builder. What CSS should we add please?

[Annette]

Annette

#234157

We would like the above footer widget container to fill the screen width but this does not seem possible using the Layout Builder. What CSS should we add please?

[Ben Ritner]

Ben Ritner

#233937

Hey,
It’s got to do with your SG Optimizer settings. Not the settings you showed in your image. Settings that refer to how Javascript is loaded.

Right now you are async loading your header javascript. But not your footer… Aside from that not making sense it also will break all the javascript because it’s not being loaded in the correct order. If you use async then you need to load both the header and footer scripts that way.

I don’t use SG Optimizer but from the output, I can see that it’s controlling all the javascript and running it from its custom folder structure.

So I assume you have settings for this to fix the loading issue. If you don’t then I suggest using a different plugin.

Ben

[Kristie Harper]

Kristie Harper

#233626

Can I ask you a second Q? I’m playing with the Featured Projects- I upload one new Portfolio item and it showed up in Featured Projects and I uploaded a second but it didn’t show up. It shows up in the Footer under Projects though. Any ideas?

[Ben Ritner]

Ben Ritner

#233433

Hey,
Unfortunately, It’s not a css thing, the header is not output into the page at all because the template is not a theme template.

You would have to create pages not using a template, instead just using the builder if you want to work with the Thrive Architect Plugin and output the theme header and footer.

Ben

[Ellen Green]

Ellen Green

#233394

Hello,

I am using Thrive Architect (block builder) to create pages on a website running Virtue theme. Whenever I use one of the pre-built landing page templates in Thrive Architect, it removes my theme’s top bar and page header with navigation. Thrive Architect support tells me there is no way to change this; that the pre-built pages do not inherit anything in the theme; can’t override. I’m locked into using Thrive Architect, unfortunately.

Do you have CSS to override the Thrive builder’s template so that the Virtue Header and Top Bar appear? I’m not concerned with any other elements – I just want the top bar, header and possible footer.

The page in question is the home page. It was created using a Thrive Architect template. Other pages are fine when using Thrive Architect builder without a template.

*Login to see link ?bypass=preview

[Ellen Green]

Ellen Green

#233394

Hello,

I am using Thrive Architect (block builder) to create pages on a website running Virtue theme. Whenever I use one of the pre-built landing page templates in Thrive Architect, it removes my theme’s top bar and page header with navigation. Thrive Architect support tells me there is no way to change this; that the pre-built pages do not inherit anything in the theme; can’t override. I’m locked into using Thrive Architect, unfortunately.

Do you have CSS to override the Thrive builder’s template so that the Virtue Header and Top Bar appear? I’m not concerned with any other elements – I just want the top bar, header and possible footer.

The page in question is the home page. It was created using a Thrive Architect template. Other pages are fine when using Thrive Architect builder without a template.

*Login to see link ?bypass=preview

[Norman]

Norman

#232996

Unfortunately not. I also believe that I already have a mistake or form error in the top of the CSS.
In any case, it did not work with your css

I have attached my CSS below

.kad-btn.headerfont {
font-weight: 700;
font-size: 16px;
}

.product_value .select2-container .select2-choice {
line-height: 40px;
box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.1);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
-o-box-shadow:inset 0 1px 3px rgba(0,0,0,.1);
}

.footercredits p {
text-align: center;
}

.sliderclass {
background: #444;
}

#tab-description {
font-size: 14px;
color: #000;
}

#tab-reviews
font-size: 14px;
color: #000;
}

#tab-additional_information {
color: #000;
}

.price .amount {
font-size: 30px !important;
}

.seq-preloader {
background:transparent !important;
}

.kad-header-menu-inner.container {
max-width: none;
}

.wc-gzd-edit-data-notice {
background: #dd3333;
display: inline-block;
padding: 1em;
}

.woocommerce input.input-text, form.checkout input.input-text {
width: 100%;
padding: 12px;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dd3333;
border: 1px solid #dd3333;
border-color: rgba(0,0,0,.05);
}

#add_payment_method #payment,
.woocommerce-checkout #payment {
background: #dd3333;
}

.woocommerce-billing-fields,
.woocommerce-shipping-fields {
margin-bottom: 30px;
color: #ffffff;
}

.headerclass {
background: #000000;
}

/*change product add to cart button color*/
.woocommerce div.product form.cart .button{
background-color:#dd3333;
}

/*change product add to cart button color hover*/
.woocommerce div.product form.cart .button:hover{
background-color:#000000;
color: #ffffff;
}

/*When Prodcut is added*/
.woocommerce .product .add_to_cart_button.button {
background-color:#dd3333;
}

.woocommerce .product .add_to_cart_button.button:hover {
background-color:#000000;
color: #ffffff;
}

#ship-to-different-address label {
color: #dd3333;
}

.woocommerce-checkout .shop_table{
background-color:#dd3333;
}
.form.checkout #order_comments, form.checkout textarea{
background-color :#dd3333;
}

[Ben Ritner]

Ben Ritner

#232799

This is the form code from within that plugins form editor:

<div class="row newsletter-footer">
  <div class="col-md-6">
  <h4 style="margin:0; text-align:right; color:#fff; text-transform:uppercase;">
Subscribe to our newsletter
</h4>
  </div>
<div class="col-md-6">
  <div style="display:inline-block" class="newsletter-forum">
      <input style="background:#fff; width:200px; float:left;" type="email" name="EMAIL" placeholder="Your email address" required />
      <input style="float:left;border: 1px solid #fff;line-height: 22px;" type="submit" value="Sign up" />
  </div>
</div>
</div>

Ben

[StEAS]

StEAS

#232492

I followed the advice here:
*Login to see link
but nothing changed.

Do I need to edit the css somehow (I have never done this). I am using a child theme.

[StEAS]

StEAS

#232492

I followed the advice here:
*Login to see link
but nothing changed.

Do I need to edit the css somehow (I have never done this). I am using a child theme.

[Ben Ritner]

Ben Ritner

#232183

Can you post a link to your site? I think you want the footer to be sticky to the bottom of the screen regardless of content size.

Ben

[Keith]

Keith

#232176

Is there css to set the footer height so it remains the same height no matter the size of the page content?

[Keith]

Keith

#232176

Is there css to set the footer height so it remains the same height no matter the size of the page content?

[Marty]

Marty

#232114

Would like to make the Theme Max width match the width of Kadence Blocks Row “Wide Width setting”. When using Kadence Blocks Row widget and choosing the Wide Width setting for the row it is wider than the Theme making the header and footer areas narrower than the content area. What is the easiest CSS setting to increase the Virtue Pro Theme max-width to match Kadence Blocks Row widget width?

[Marty]

Marty

#232114

Would like to make the Theme Max width match the width of Kadence Blocks Row “Wide Width setting”. When using Kadence Blocks Row widget and choosing the Wide Width setting for the row it is wider than the Theme making the header and footer areas narrower than the content area. What is the easiest CSS setting to increase the Virtue Pro Theme max-width to match Kadence Blocks Row widget width?