Full width footer area

Hello again; sorry to bother on this, seems like I last asked about this 2+ years ago, so pardon the facepalm. Lost some work here with system crashes of doom.

For Newsmag, using the full width header/logo setup “Style 8” — I know you helped me waaaay back when set the footer black area to ALSO be full width to match the menu bars, but cannot recall how to do it, and F12 console kind of gets confused by the divs and whatnot.

Using “style 6” footer.

Totally forget what I did years back, and now it’s archive on the local RAID amongt literally a million other files not easily found. NOW I’m keeping this in a better location.

Thanks! Getting it dialed back in with v3.

AND … OMG …
I just noticed the little drop downs for the modules now show the category ID numbers!!!!!!!!

How freaking cool is that!

Wow, loving v3 so far. Seriously. Couple sites were still on 1.6, so that should tell you my minor glee on a few things 🙂

Hi

Try this css to make the footer and sub-footer full width: http://screencast.com/t/9ieuw6BFWl

.td-footer-container,
.td-sub-footer-container.td-container {
width: 100%;
}

.td-footer-container.td-container .td-pb-row,
.td-sub-footer-container .td-pb-row{
width: 1021px;
margin-left: auto;
margin-right: auto;
}

Let me know how it goes.
Thanks!

perfect. That was what I needed.

Making copy of my style css in a place I can find more easily — just in case.

Most of my mods to old version were done in 2014, and some early 2015, so they were not easily at hand.

Thanks again 🙂

Hi andrei
Works great for desktop, but on ipad portrait it makes right side break layout, so i guess we need to limit this to the desktop viewport and leave the smaller sizes alone. Can you tweak that just a tad?

Thank you!

Hi

Of sorry about that, I’ve test it on desktop. Try this css, it should work fine on all devices: http://pastebin.com/tzrYWFmN

Let me know how it goes.
Thanks!

Thank you! Flawless victory 🙂

Still need a little [resolved] bug around here.

does this trick work for Newspaper theme too?

and is there a code available for the header? Thanks in advance!

• This reply was modified 9 years by Jboesh.

HI

For Newspaper theme this trick can’t be done via css because the page structure is different, sorry.
Thanks!