Search Results for '1 column footer'

[GasTheo]

GasTheo

#237507

Or, if you want to avoid accidents, do this.

CSS

.to-the-top {
margin:80px 0 0 0;
text-align:center;
}
.to-the-top a {
padding:7px 24px 10px 24px;
    background-color: #e3b015;
  border-radius: 4px;
    color: #fff !important;
  font-family: Roboto;
  font-size: 16px;
    text-align: center;
  position: relative;
}
.to-the-top a:hover {
  color: #fff !important;
}
@media (min-width:980px) {
.to-the-top {
display:none;
}
}

With widgets, add a custom HTML at the end of footer’s last column with this in it…<div class="to-the-top"><a href="#">TOP</a></div>

• This reply was modified 6 years, 7 months ago by GasTheo.
• This reply was modified 6 years, 7 months ago by GasTheo.
• This reply was modified 6 years, 7 months ago by GasTheo.

[James]

James

#237378

This reply has been marked as private.

[Hannah]

Hannah

#234971

Hi Caitlin,
1. This is the image that I’m seeing being uploaded: http://wildlifetraffickingalliance.org/staging/wp-content/uploads/2019/08/AZA-WTA_Stacked_v1_Rev-150×150.png
Try using an image that is a bit larger.

2. It looks like you haven’t actually set a title for your footer column 3. Try setting a title for you widget in the footer column 3 from Appearance > Widgets. The titles will pull from your h3 settings.

3. It only appears that way because your footer widget are aligned left. You can use this css to center them:

#containerfooter .widget-first {
    text-align: center;
    display: inline-block;
}

Hope that’s helpful!

Hannah

[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!

[Magdalena]

Magdalena

#231433

Hi, I am tryin got change header widget position on my page (see attached screen shot) I would like it on the right side aligned with the container width. Another think I would like to do as make footer widget layout made of 5 columns instead of 4. Is this possible please?

[Magdalena]

Magdalena

#231433

Hi, I am tryin got change header widget position on my page (see attached screen shot) I would like it on the right side aligned with the container width. Another think I would like to do as make footer widget layout made of 5 columns instead of 4. Is this possible please?

[Rebecca]

Rebecca

#230935

Hello:
I have a two-column footer, with contact info in column 1 and social media icons in column 2. I would like to right align the social media icons in column 2. See staging.elektrikzoo.com.

I have tried this CSS and it didn’t work:
footercol2 {
text-align: right;
}

Thanks if someone can provide guidance here.

[Rebecca]

Rebecca

#230935

Hello:
I have a two-column footer, with contact info in column 1 and social media icons in column 2. I would like to right align the social media icons in column 2. See staging.elektrikzoo.com.

I have tried this CSS and it didn’t work:
footercol2 {
text-align: right;
}

Thanks if someone can provide guidance here.

[My]

My

#226959

Hi,

i like to have the first column (fullwidth column above the three) with a white #fff background.

Unfortunately I do not get the correct css instruction, for example with

.footerclass .footercol1 {background:#fff;”}

it does not work.

Could you help me ;-)?!

Thanks in advance.

Kind Regards

MyCon

[My]

My

#226959

Hi,

i like to have the first column (fullwidth column above the three) with a white #fff background.

Unfortunately I do not get the correct css instruction, for example with

.footerclass .footercol1 {background:#fff;”}

it does not work.

Could you help me ;-)?!

Thanks in advance.

Kind Regards

MyCon

[contact20]

contact20

#226745

Hiya,

I’m really scratching my head. I’m using the testimonial carousel widget in the Footer Column 1 widget, but it defaults to the page of ITS choice, rather than letting me save mine. It’s basically choosing the first page in the drop-down list in the widget. When I hit save on my selected page, it just reverts.

Cheeky! What I’ve done is re-titled my chosen page so that the widget works, but that’s not ideal. I’ve tricked it…

The site is at taylorwestandco.uk

I’m using a child theme. Might help to know that.

What am I missing here?

Thanks!

Valerie

[contact20]

contact20

#226745

Hiya,

I’m really scratching my head. I’m using the testimonial carousel widget in the Footer Column 1 widget, but it defaults to the page of ITS choice, rather than letting me save mine. It’s basically choosing the first page in the drop-down list in the widget. When I hit save on my selected page, it just reverts.

Cheeky! What I’ve done is re-titled my chosen page so that the widget works, but that’s not ideal. I’ve tricked it…

The site is at taylorwestandco.uk

I’m using a child theme. Might help to know that.

What am I missing here?

Thanks!

Valerie

[kelly5]

kelly5

#223339

Hi Kevin & Team,

Thank you for correcting me – I appreciate knowing the correct concept!

ITEM #1
After reading the tutorial from the link you shared, I am happy to report I was using the correct methods. I’ve managed to get mine “looking” close enough to how I want the blog element. The images however I couldn’t figure out so I placed a static image instead that can act as a place-holder for the category featured. Is there a way to display the blog post featured image as seen on the home page of Ascend #2? You can see what I managed to get to here, I’ll leave it be for now so you can see it: http://www.kellyheckphotography.com.php72-4.lan3-1.websitetestlink.com/

ITEM #2
I haven’t tried modifying the fullwidth row column to have those beautiful framed elements yet, but any direction for that would be wonderful too. Is that just a “top centered” background image for the 3 little white carrots, and the same idea for the bottom that blends with the color of the footer? I’d like to know how to do that if sharing is within reason for your premium support services.

Thank you!

[Kevin]

Kevin

#223102

Here’s CSS that will make them show in 3 columns in mobile:

.footercol1, .footercol2, .footercol3 {
    width: 33%;
    float: left !important;
    clear: none;
}

I don’t recommend this though, as it hurts the responsiveness of your site and is a poor design.

-Kevin

[Kevin]

Kevin

#223066

Hello,

Adding this CSS to Theme Options> Advanced Settings should make the footer always 3 columns:

.footercol1, .footercol2, .footercol3 {
    width: 33%;
    float: left !important;
}

Let me know if that works for you.

-Kevin

[Leif]

Leif

#221897

[Leif]

Leif

#221870

Hi,
I’m trying to set a image to a maximum height 100, but the css says height=auto.

The image is retrieved from an URL. This is how it looks:

How do I override the auto height?

Best Regards,

Leif

[Leif]

Leif

#221870

Hi,
I’m trying to set a image to a maximum height 100, but the css says height=auto.

The image is retrieved from an URL. This is how it looks:

How do I override the auto height?

Best Regards,

Leif

[Kevin]

Kevin

#220330

Looks like you’re adding CSS to your mailchimp form html that’s overriding the color of your body text. You should be able to remove this CSS in the settings for the form in footer column 1.

-Kevin

[pdyoko]

pdyoko

#219642

Hannah,

Thank you for the response.

Well, that’s my problem. In Appearance> Widgets….there is no option for header widget.

I only have:

Instagram Slider – Shortcode Generator
Primary Sidebar
sidebar1
Top Widget
Home Widget Area
Footer Column 1, 2, 3, 4

Am I missing something?

Pam

[Sharon]

Sharon

#219534

What do you think is going on here? Here’s the code you gave me a long time ago to use for creating the sticky menu. I put it in footer column 4.

*Login to see link

<script type=”text/javascript”>
jQuery(document).ready(function ($) {
var topOffest = $(‘body’).hasClass(‘admin-bar’) ? 32 : 0;
$(‘.navclass’).sticky({topSpacing:topOffest});});
</script>

Here’s another code you gave me related to nav bar. In answering this question: “How do I reduce space between menu nav links so all are on one line. And adding gold line on top and bottom of menu bar. Also can it remain one line even if someone increases screen size on monitor?”
placed in Adv Setting Custom CSS box
#nav-second ul.sf-menu>li {
width: 8.75%;
}
.navclass {
background: #000000;
border-top: 5px solid #eea91f;
border-bottom: 5px solid #eea91f;
}

[Sharon]

Sharon

#219534

What do you think is going on here? Here’s the code you gave me a long time ago to use for creating the sticky menu. I put it in footer column 4.

*Login to see link

<script type=”text/javascript”>
jQuery(document).ready(function ($) {
var topOffest = $(‘body’).hasClass(‘admin-bar’) ? 32 : 0;
$(‘.navclass’).sticky({topSpacing:topOffest});});
</script>

Here’s another code you gave me related to nav bar. In answering this question: “How do I reduce space between menu nav links so all are on one line. And adding gold line on top and bottom of menu bar. Also can it remain one line even if someone increases screen size on monitor?”
placed in Adv Setting Custom CSS box
#nav-second ul.sf-menu>li {
width: 8.75%;
}
.navclass {
background: #000000;
border-top: 5px solid #eea91f;
border-bottom: 5px solid #eea91f;
}

[jaime]

jaime

#219173

Portfolio name issue resolve. Thanks. Though I still cant find where to link the social media widgets to my actual social media pages.I followed the instruction, went to Menu, Appearances, but couldnt find an item called Footer Widget Column 1…
Thanks again.

[Kevin]

Kevin

#219146

Hello,

1. The social widget in your footer should be editable in Appearance> Menus, Footer Widget Column 1.

2. For the menu, you can edit the portfolio item in Appearance> Menus. Same for the blog. Just remove the submenu items that you do not want to show and make sure the correct menu item to your portfolio and blog is selected.

Does that help?

-Kevin

[Osatohanmwen]

Osatohanmwen

#215203

This reply has been marked as private.

[admin117]

admin117

#214974

Hi,
I want to align vertically the Trip Advisor widget to the top of the container in the Footer Column 1 of this site *Login to see link
Any HTLM code I can use or CSS ?
Thanks in advance,
JF

[admin117]

admin117

#214974

Hi,
I want to align vertically the Trip Advisor widget to the top of the container in the Footer Column 1 of this site *Login to see link
Any HTLM code I can use or CSS ?
Thanks in advance,
JF