Footer adjustment

DaniaBikes · May 2017

Hey guys..

I really hope you can help. We're trying to make some changes to our footer. We think that the margin on the right side of Widget-Text elements are too large. But we just cannot seem to find the ID or any way to change this.

How can you adjust the margin on the right side of text elements? Most things seem to have an ID when inspecting, but I cannot find one for the widget texts.

Bryan · May 2017

Hi,
THere is no margin, the elements just take a % of the footer space and are aligned left.
What do you want to achieve?
thanks

DaniaBikes · May 2017

Hey guys,

Ty a lot for looking into it. Well basically, a lot of the time the footer looks really strange. We used to have the Muffin Menu and the Muffin Recent Posts but they seem to have much smaller margins on the right or whatever it is.

Here is a picture of the site now where you can see it (we just have text now though). The text-widget always seems to have a bigger gap on the right side than anything else added to the footer.

http://imgur.com/a/v0sx6

Bryan · June 2017

The space for each column is the same, it all depends on what items you are using and how will the text wrap. It is just an illussion.

DaniaBikes · June 2017

But is there some way to work around it, because the illusion is very real. Is there no way to move the text block elements a bit?

Bryan · June 2017

You could regulate it with padding

#Footer .widgets_wrapper .widget {
    padding-right:20px !important;
}

DaniaBikes · June 2017

Hello,

Is there a way to change the padding of the Widget Text only? We added the recent post by muffin and it looked really good, because we got adjust the margin-right on the muffin menu and the other things. But the margin right on the #Footer .Recent_posts ul li .desc h6 does not seem to work. If you give it a margin right it does not move the image as well. I think what we really want is to find a way to give #Footer .Recent_posts ul li .desc h6 a margin right, where the image also goes to the right is this possible?

Bryan · June 2017

If you want to add anything add padding not margin. If you do not know the difference please google it.

And please, this is very simple css, use the inspect tool to check, look: http://prntscr.com/ffdn0w

The text widget you want to target has an id #text-3

#text-3 {
    padding-right:20px !important;
}

DaniaBikes · June 2017

We get that it is annoying to work with people who aren't that good at coding. We really do appreciate the help and understanding.

We tried adding your code but the only thing does it throw everything on two lines. Is there not a simple way to just make the gap between text widgets seem the same as the gaps between other stuff?

Bryan · June 2017

No there is no way, just the padding, the widget areas are the same witdth.

Footer adjustment

Comments