Is it possible to make the entire site full width?

Posted in: Newspaper
Post count: 87

Hi,

Is it possible to make the entire site full width?

Like this one: https://soundvenue.com/

Thanks

Ben

http://www.a-c-d.net

  • This topic was modified 5 years by benjaone1.
  • This topic was modified 5 years by benjaone1.
Post count: 27744

Hello,

To change the website width, you need to make sure that you don’t have set a background color/image in the Theme Panel because this makes your website boxed. Make sure this option is disabled => https://www.screencast.com/t/ejiNPCBF
To set a page to full width, you’ll need to edit it with tagDiv Composer like this -> https://i.imgur.com/i5IUJ9E.jpg add or select a row and stretch it after your needs -> https://i.imgur.com/WKYebPX.jpg -> https://i.imgur.com/TO1BZ3M.png -> https://i.imgur.com/Yq8UCv3.jpg

Hope this helps you!

Thank you!

Post count: 87

Thank you very much, it works as a charm! 🙂

Is it also possible to stretch or move the nav bar to the side?

Thanks

Ben

Post count: 87

header and footer*

Post count: 27744

Hello,

I am not sure I fully understand what you are looking to stretch or move. Please provide more information and screenshots.

Thank you!

Post count: 87

Hi and thanks!

I would like to stretch both the header and the footer to full width like the rest of the page.

2 image links added

Header stretch: https://ibb.co/C2tR8bp
Footer stretch: https://ibb.co/QCRcjm9

Note: I have not stretched the site now bc I can’t stretch the header and footer.

Thanks

Ben

Post count: 27744

Hello,

You can stretch the row on the header and footer too => https://www.screencast.com/t/8mbCZMC4 -> https://www.screencast.com/t/lVfyVEQY9fWb

Hope this helps you!

Thank you!

Post count: 87

How do I activate the header and footer? When I hover and click as I do on the rest of the website where “row” gets visible nothing happens?

Thanks 🙂

Post count: 27744

Hello,

If you have a header and footer template from Cloud Library, I made a video that can help you to stretch the row-> https://we.tl/t-DKEhANkjs , but if you have a standard header and footer style from Theme Panel => https://www.screencast.com/t/wFuliGFETAs , then you need to stretch the header and footer from Theme Panel -> Template Settings -> Force full width => https://www.screencast.com/t/9vGQc2rWZ5k

Hope this help you better!

Thank you!

Post count: 87

Hi again,

I have a standard header and footer style from Theme Panel, and when I stretch the header and footer from Theme Panel -> Template Settings -> Force full width it’s not working. The header and footer is stretched when I’m logged in to WordPress, but when I log out the stretch is gone.

I would consider getting a header and footer template from Cloud Library, but your video is somehow gone.

Your help is much appreciated, thanks!

Post count: 87

I just had to delete cash – it works – yay!!! 😀

Post count: 87

How do I change the size of the width in all blocks on my site?

Thanks!

Post count: 27744

Hello,

You can change the size of the width on each block => https://www.screencast.com/t/mEJMQm4K you cannot set the width for all blocks at once.

Thank you!

Post count: 87

Hi,

You are showing a screenshot of a frontpage. How to get the left panel on your screenshot visible on a blockpost?

Thanks

  • This reply was modified 5 years by benjaone1.
Post count: 87

I tried:

.td-container.td-post-template-default {
max-width: 1200px;
width: 100%;
}

And my blockposts became 1200 px wide but it messed up the responsiveness.

It looks like this on some window sizes:

https://ibb.co/MsNZNVh

Where it looked like this without the code:

https://ibb.co/5WWN1zq

So I tried this:


@media
screen and min-width(800px) {
.td-container.td-post-template-default {
max-width: 1200px;
width: 100%;
}
}

But somehow it does not change the width?

To fix the sidebars imagesize I did this:

.td_module_1 > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
full-width: 100%;
width: 100%;
}

And it works.

To make all images on blockposts full width I did this:

img {
width: 100;
}

And it works.

How come this code doesn’t change the width?


@media
screen and min-width(800px) {
.td-container.td-post-template-default {
max-width: 1200px;
width: 100%;
}
}

Thanks!

  • This reply was modified 5 years by benjaone1.
Post count: 27744

Hi,

I think it was a misunderstanding, I thought you were referring to blocks on a page or cloud templates, but if I understood correctly you were referring to posts, only if you use a single post template in the cloud library you can edit it with tagDiv composer, the standard ones do not have this option.

Thank you!

Post count: 2

Hi there, In my TagDiv Composer I don’t see the option https://www.screencast.com/t/mEJMQm4K

So I can’t make it full width..
Here it is what I have.
https://ibb.co/hDkrwsV

Thanks

Post count: 27744

Hello @mihaicatalind,

The Newsmag theme doesn’t have this option for the row or other option to make the website full width.

Thank you for understanding!

Post count: 2

I have allready purchased the newspaper theme.
I think it’s not right for me as a customer and you should put this feature on the next update.

Thanks

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