Full width Blog help please

Illdy
1

Hello! In a Forum I found this CSS code to get blog in Ildy to be full width but it didn’t work:

.blog .col-sm-4,
.single-post .col-sm-4,
.archive .col-sm-4{
display: none;
}
.blog .col-sm-7,
.single-post .col-sm-7,
.archive .col-sm-7{
width: 100%;
}

Please should you suggest something else I could try? There is no option in template on the Blog Page to adjust such.

Many thanks. (P.S. I am completely code illiterate, a newbie.)

2

Hi there

Hope you are having a good day and thank you for your question
please provide url and i will take a look

3

Hello!

Thank you so much. It is https://animationcouncil.com

Mostly if you go to READ OUR BLOG or any of the posts there. The Projects in DEVELOPMENT are fine, they read across the width of the page because there are options on pages, not on posts, to be full width.

I appreciate.

Regards
Nico

4

Hello @nicosteyn,

I hope you are doing well today.

You can use the following CSS code to change the blog page width by going to Appearance > Customize > Additional CSS and pasting it there.


@media only screen and (max-width: 768px)
.post .col-sm-8 {
    width: 100%;
}

.post .col-sm-offset-2 {
    margin-left: 0%;
}
}

Best Regards,
Support

5

Hello, thank you very much that is really helpful. I will try it right away.

Can I ask for advice to do a moving video background on the header? Is that possible with this template to have a video background?

Regards
Nico

6

Hi again.

I tried the code:

@media only screen and (max-width: 768px)
.post .col-sm-8 {
width: 100%;
}

.post .col-sm-offset-2 {
margin-left: 0%;
}
}

But there are errors. I don’t really understand code, is it possible to help me by seeing what I should change? I attache the screen grab below:

7

Good evening

there is one missing part in the code, check this out:

@media only screen and (max-width: 768px) {
.post .col-sm-8 {
width: 100%;
}

.post .col-sm-offset-2 {
margin-left: 0%;
}
}

8

Many thanks I have added the code but it still doesn’t go full width, even though I also turned off all the side menu items/widgets.

Regards

9

Hello Nico

yes but i can see blog pages are not without sidebar:
https://animationcouncil.com/2018/12/01/humble-beginnings/
https://animationcouncil.com/blog/

10

Hi there.

Is the sidebar invisible? I tried to turn it off in settings. Please let me know what else I could try?

Regards

11

not clearly understand your last message,
sidebars are not visible on the pages and you can also see it

12

Hello there

They aren’t selected. But I want to ask how I can get the Posts to be full page width, just like the Pages are please?

13

Hello!

Posts are still not full page width like Pages. Is it possible to be like Pages?

Regards

14

Hello,

I checked the CSS on the page but the changes in the CSS do not appear…
Please add this CSS to the theme:



.post .col-sm-8 {
width: 100%;
}

.post .col-sm-offset-2 {
margin-left: 0%;
}

It will now work on all screen sizes.

Best Regards,
Support

15

Hello!

Thank you I try. Do I keep the previous code there too?:

@media only screen and (max-width: 768px) {
.post .col-sm-8 {
width: 100%;
}

.post .col-sm-offset-2 {
margin-left: 0%;
}
}

.post .col-sm-8 {
width: 100%;
}

.post .col-sm-offset-2 {
margin-left: 0%;
}

16

Hello again

It still does not seem to work. Should I try without the previous code?

Regards

Nico

P.S. I really do appreciate your help, thank you!

17

Hello,

It should work regardless but go ahead and remove the previous code and use the more recent set sent.

Best Regards,
Support

18

Oh dear with only this code it has an error :confused:

19

Hello,

You have an extra bracket there, please remove the last bracket.

Best Regards,
Support

20

Haha thanks, I don’t understand code so I only copy what you send, there is still an error it says :slight_smile: