Footer widget area WIDTH

Resolved Romanko
(@romanko)

9 years, 2 months ago
Hi Tom,
how can I adjust the FOOTER WIDGET area WIDTH please?

I am using 2 FOOTER WIDGETS. I would like it to be WIDGET1-75%, WIDGET2-25% (just like the right sidebar position).

Here to see: silimedimplantaty.sk

I am a newcomer to wordpress, but tried this CSS. It worked at first, but not anymore. And it messed up the mobile version WIDGET2 positioning and word-breaking.
```
.footer-widget-1 .grid-parent .grid-50 {
        width: 75% !important;
	padding-left: 10px;
	padding-right: 10px;
}

.footer-widget-2 .grid-parent .grid-50 {
		width: 25% !important;
		padding-left: 10px;
		padding-right: 10px;
}
```
How can I adjust it so it would be OK on mobile devices and on desktops too?

Thank you very much.

Viewing 13 replies - 1 through 13 (of 13 total)

Theme Author Tom
(@edge22)

9 years, 2 months ago
Hi there,

Give this a go:
```
@media screen and (min-width: 769px) {
      .footer-widget-1 .grid-parent .grid-50 {
            width: 75% !important;
            padding-left: 10px;
            padding-right: 10px;
      }

      .footer-widget-2 .grid-parent .grid-50 {
            width: 25% !important;
            padding-left: 10px;
            padding-right: 10px;
      }
}
```
Thread Starter Romanko
(@romanko)

9 years, 2 months ago

Thanks for your reply.

Now it’s working on mobile version, but not on desktops.

The WIDGET 1 and WIDGET 2 are still 75% and 25% widths, not 50% and 50%.

I tried leaving there the CSS from my first post, but it gets overridden somewhere and doesn’t even show up in Firebug.

I don’t get it.

Thread Starter Romanko
(@romanko)

9 years, 2 months ago

Jeez, sorry for the mix up.

I meant:
The WIDGET 1 and WIDGET 2 are still 50% and 50% widths, not 75% and 25%.

Theme Author Tom
(@edge22)

9 years, 2 months ago

Can you possibly link me to the site?

Thanks! 🙂

Thread Starter Romanko
(@romanko)

9 years, 1 month ago

Sure,

http://www.silimedimplantaty.sk
(still under construction)

And btw, sorry for so much trouble…
Theme Author Tom
(@edge22)

9 years, 1 month ago
Let’s try this:
```
@media screen and (min-width: 769px) {
      .footer-widget-1.grid-parent.grid-50 {
            width: 75% !important;
            padding-left: 10px;
            padding-right: 10px;
      }

      .footer-widget-2.grid-parent.grid-50 {
            width: 25% !important;
            padding-left: 10px;
            padding-right: 10px;
      }
}
```
No trouble! Here to help 🙂
junirea
(@junirea)

9 years, 1 month ago

sorry, can I ask somethnig? it seems like I have the same probleme the blog I need help with is http://wantbesthealth.com thanks

Theme Author Tom
(@edge22)

9 years, 1 month ago

Hi there,

Doesn’t look like you’re using GeneratePress or that you have footer widgets? What problem are you having with your theme?

junirea
(@junirea)

9 years, 1 month ago

Thank you so much for reply Sr, well I use the plugin “Simple Custom CSS” to change some margins width… I just need to adjust my footer so that it can have the same width as the header 1075px, and that the 468*60 banner near the logo starts from the right instead of being a little centred.

Theme Author Tom
(@edge22)

9 years, 1 month ago

I’m afraid I’m not sure how the theme you’re using is coded, so it’s hard for me to tell. You may have to open up a support thread with that theme’s developer.

Sorry I can’t be more helpful!

Thread Starter Romanko
(@romanko)

9 years, 1 month ago

Hi Tom,
now it’s finally working (just had to erase !important from the code).
Thanks very much!

Btw I was just wondering how much code would it require to make the sidebar (or some of its divs) to stick to the screen when scrolling down?

Theme Author Tom
(@edge22)

9 years, 1 month ago

This may work well for you: https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/

Thread Starter Romanko
(@romanko)

9 years, 1 month ago

Thanks, will try it out.

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Footer widget area WIDTH’ is closed to new replies.

Tags