How Can I Make Content and Footer Full Width

Posted in: Newsmag
Post count: 3

Hi there,

I’m using the Newsmag theme and I’d like to make some adjustments to the layout.

Content Width: I’m interested in making the content area on my website wider than its current setting.
Footer Width: Additionally, I’d like to make the footer full width to match the content area.

Could you please advise on the best way to achieve this?

Here’s the website I want to make changes to: https://bolddaughters.com/
And this is the content and footer width I want to achieve:https://browngirlmagazine.com/
Thanks

Post count: 9544

Making footer full width is easy with CSS, but entire layout full width is near impossible. You’d need to use Newspaper theme.

(I don’t work here.)

Post count: 35449

Hi BOLD254, unfortunately the Newsmag theme was not made to be a full width theme it was made as a boxed theme. As simchris mentioned some elements as footer and header can be adjusted using css but the content and elements inside it will be quite hared to do.
If you need a full with website then as simchris said you’ll need a theme that offers more control over the layout and this is the Newspaper theme – https://themeforest.net/item/newspaper/5489609
Thank you!

Post count: 3

Thanks for the help.

Post count: 3

Thank you. I’m not familiar with programming/coding. Is there a resource you can point me to?

Post count: 9544

I think this is the code we use; put in the WordPress > apperance > customizer ; not in the theme panel


<code>
@media(min-width:1021px){.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}}@media(min-width:768px) and (max-width:1021px){.td-footer-container,.td-footer-container.td-container .td-pb-row,.td-sub-footer-container .td-pb-row{width:756px;margin-left:auto;margin-right:auto}.td-footer-container,.td-sub-footer-container.td-container{width:100%}}
</code>

  • This reply was modified 2 years by simchris.
  • This reply was modified 2 years by simchris.
Post count: 9544

omit the code code at atart/end of course 🙂

Post count: 35449

Hi BOLD254, the code provide by simchris will stretch the footer and this will be like this – https://i.imgur.com/ftxDeqN.png
The code can be set in more places, but I think that those are the most simple places:
-> theme panel – https://i.imgur.com/t5ibcPh.png
-> WordPress customizer https://i.imgur.com/haBFvZb.pnghttps://i.imgur.com/hdXQqEk.pnghttps://i.imgur.com/HHzGb9E.png
Thank you!

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newsmag’ is closed to new topics and replies.