Hi there, I am trying to adjust the blog’s single post style.
If you look at this example blog entry (http://www.cargobikebaby.com/test/) you see that the content occupies the whole window.
In the original demo, however, which I used as a base, the content has a fixed max-width (kriesi.at/themes/enfold-photography/2014/09/29/a-nice-entry-3/).
I’am not aware to have changed this layout, and I find no way to adjust it.
After some digging I found that I can put “.template-single-blog { max-width: 1300px; )” into the quick css. It works, and the blog looks fine.
However, this css-snippet affects as well the position of the animated countdown and the footers social media icons, as can be seen (after entering the css-snippet) here: http://www.cargobikebaby.com/team/
Thanks for your help! Andre.
Hey kunterbunthof,
Could you please describe or make a mockup of what you’re trying to achieve?
There is an error here: .template-single-blog { max-width: 1300px; ), maybe that’s why after this css breaks, it has to be
.template-single-blog { max-width: 1300px; }
Please edit css and let us know if you need any other changes.
Best regards,
Victoria
hi victoria,
I dont really know how to explain it any better: i want my single blog entry to have a maximum width.
at the moment (http://www.cargobikebaby.com/test/) it stretches all over the browser window.
how can I achieve that?
Hi kunterbunthof,
Do you mean that you want to limit the width of the blog entry?
Try adding this code to you child theme styles.css and let us know if this is a step in the right direction
.container .av-content-full.units {
width: 70%;
}
If you need further assistance please let us know.
Best regards,
Victoria