[Markus]

I need to modify the footer and place some text on the right side. I tried

in custom.css

#footerRight {
background-color: #ccc;
right: 0px;
width: 20%;
}

and in the footer edit textarea:

<div id="footerRight>Copyright ©2016 <a href="http://www.focus-consult.at/" title="Focus-consult"><span>Mag. Doris Göbl</span></a></div>

The background color of the div is also not working. what am i missing here? Thx for info.

[Theme Horse Support Team]

Hi Markus,

You can edit the footer copyright information in the premium version.
Why you want that area? If you can edit footer copyright easily via Appearance -> Customize -> Ambition Theme Options -> Edit Footer

Thank you!

[Markus]

hello,

thanks for the response. yes, i know, i am placing the css code there. but i cant get it to work.

i need 3 columns (2 would also work). on the left side of the footer, there should some static menu links, on the right side the copyright symbol and year.

link: http://www.focus-consult.at/

any ideas? i tried adding divs in the edit footer region and added corresponding css

[Theme Horse Support Team]

Hi Markus,

To have the 3 columns in the footer go to Appearance -> Customize -> Ambition Theme Options -> Custom CSS and paste the below CSS code then click on Save button and drag text widget there and add your content as your wish.

#colophon .one-fourth {
    width: 30%;
}

Thank you!

[Markus]

Hello,

I tried it with your suggestion above, but it does not have any effect. I added a background-color: red but the footer background is still black. link is focus-consult.at
I would like to edit the footer – the one that stretches 100% on the very bottom of the page at focus-consult.

Any ideas? Thanks!

[Markus]

I placed the content from the bottom footer into the four columns and changed the background so that works. But I would need to reduce the height of the columns to 80px (just like the top navigation bar)

I tried the .widget-wrapper but this does not work. When I set #colophon .one-fourth to a width of say 80 px, it does some strange things and place the last column in the first spot.

any ideas how i can reduce the height of the colophon footer?

[Theme Horse Support Team]

Hi Markus,

Sorry! We are confused what you actually need. Above reply was to have a 3 columns in the footer instead of 4 columns.
Please clarify what you exactly need.

Thank you!

[Markus]

Hello,

Yes, I did what you suggested. This works – I just need now the height of the 3 columns to be smaller.

I tried

#colophon {
height: 80px;
}
.widget-wrap {
height: 80px;
}

Nothing made the height smaller. any ideas?

[Theme Horse Support Team]

Hi Markus,

Try below code to have a height for the widgets:

#colophon .widget { 
    height: 80px;
}

Thank you!

[Markus]

Thx for the tip! This did not have any visible effect on my site, but it pointed me to the widget.area class and now it works and it looks good. Just needed to set the padding to 10px from 50px.

#colophon .widget-area {
padding: 10px 10px;
height: 60px;
}

thx for the great support!

[Theme Horse Support Team]

That’s great Markus

Thank you!

[Author]

Posts