Modify Footer

This topic has 10 replies, 3 voices, and was last updated 8 years, 6 months ago by Theme Horse Support Team.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
February 20, 2016 at 1:30 pm #42765
Markus
Participant
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.
February 23, 2016 at 12:22 pm #42841

Theme Horse Support Team
Keymaster

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!

February 28, 2016 at 2:54 pm #43007

Markus
Participant

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

March 3, 2016 at 11:45 am #43115
Theme Horse Support Team
Keymaster
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!
May 12, 2016 at 6:27 am #44832

Markus
Participant

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!

May 12, 2016 at 7:05 am #44834

Markus
Participant

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?

May 17, 2016 at 5:56 am #44904

Theme Horse Support Team
Keymaster

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!

May 18, 2016 at 7:19 am #44926
Markus
Participant
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?
May 20, 2016 at 6:47 am #44990
Theme Horse Support Team
Keymaster
Hi Markus,

Try below code to have a height for the widgets:
```
#colophon .widget { 
    height: 80px;
}
```
Thank you!
May 20, 2016 at 6:59 am #44998
Markus
Participant
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!
May 20, 2016 at 7:01 am #44999

Theme Horse Support Team
Keymaster

That’s great Markus

Thank you!
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Theme Horse