Not sure i understand your request here . Please go through the available demos to get an idea of the available blog styles : http://themenectar.com/demo/salient-promo/ . Best
I understand you get confused. I mean; how do you edit the design of your news template (entry feed or posts or what you call it - I have a Danish version)? We have chosen the blog style (from Start up template). We just need to set the margins, but can't seem to find where you do that in back end.
I followed your guide and set the spacing to 20px, but it doesn't change the margins and the line length (see screenshot). I am going after a readability of around 60-70 characters per line.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.single-post article p {
font-size: 18px !important;
line-height: 31px !important;
}
Thanks. I tried the CSS, works fine but it still doesn't change the line lenght (not font size or height - that's not my problem). I guess I have to add extra code either to specify the line lenght or to set borders lefft and right.
Do you know this kind of CSS code by any chance? And can refer me to someone that does?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hi!
I would like to edit our template layout for blog post. To be concrete, I would like to edit the width + edit background color.
I am having trouble finding where to do this in the back end. Under Salient / Blog I don't see these options.
Looking forward hearing from you,
Mette
Hey Again,
Not sure i understand your request here . Please go through the available demos to get an idea of the available blog styles : http://themenectar.com/demo/salient-promo/ .
Best
ThemeNectar Support Team
Hi Tahir
I understand you get confused. I mean; how do you edit the design of your news template (entry feed or posts or what you call it - I have a Danish version)? We have chosen the blog style (from Start up template). We just need to set the margins, but can't seem to find where you do that in back end.
/Mette
You can adjust all the possible options in here : http://prntscr.com/lumhek .
Best
ThemeNectar Support Team
Hi Tahir
I followed your guide and set the spacing to 20px, but it doesn't change the margins and the line length (see screenshot). I am going after a readability of around 60-70 characters per line.
Is that something I can only code?
Hey there,
Thanks for reaching in,
Please give us access to your website so we can help you with some CSS
Regards
Themenectar Support Team
Hey Again,
The Line Height will have to be set in here : http://prntscr.com/lvznnf .
Best
ThemeNectar Support Team
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.single-post article p { font-size: 18px !important; line-height: 31px !important; }Thanks
ThemeNectar Support Team
Hi Tahir
Thanks. I tried the CSS, works fine but it still doesn't change the line lenght (not font size or height - that's not my problem). I guess I have to add extra code either to specify the line lenght or to set borders lefft and right.
Do you know this kind of CSS code by any chance? And can refer me to someone that does?
Mette
I see you are referring to the Text Column Width :http://prntscr.com/lwgdq9 .
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .post-area, body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .comment-list >li, body[data-ext-responsive="true"].single-post.material .container-wrap.no-sidebar .comment-wrap h3#comments, body[data-ext-responsive="true"].single-post.material .comment-wrap #respond, body[data-ext-responsive="true"].single-post #page-header-bg[data-post-hs="default_minimal"] h1, body[data-ext-responsive="true"].single-post.material #page-header-bg.fullscreen-header h1, body[data-ext-responsive="true"].single-post .heading-title[data-header-style="default_minimal"] .entry-title { max-width: 800px; }Thanks
ThemeNectar Support Team
Wuhuu, it works! Thank you so much, very happy!
I have one last questions regarding single posts: How do I set the background color to white? I tried this CSS
single-post { background: #ffffff;}
But it didn't work. I guess you have a standard code I can insert?
Hi again
So sorry to ask several questions but I would also very much like to align body text in single posts to left. I tried this CSS
body.single-post {text-align: left;}
All the best a newbie