Tagged: Blog, custom color
-
AuthorPosts
-
November 15, 2015 at 4:12 am #536005
Hello,
I have a site which uses a black/grey colour scheme. This is fine for most pages, however it makes the blog hard to read.
Is there a way to have the blog section of the site a normal white background with black text?
Thanks in advance!
November 16, 2015 at 7:14 pm #536831Hi digital-handyman!
try this code which contains the page-id of the site you have provided in Quick CSS field:
.page-id-142 .main_color.container_wrap_first.container_wrap.fullsize { background-color: white; }
Regards,
AndyNovember 17, 2015 at 1:36 am #537011Hi Andy,
Thanks for that code. Its worked for the page listing the blog posts, but I also need it for each individual blog post too.
Is there a way to do this?
Thanks very much!
November 19, 2015 at 5:36 am #538716Hi!
Please add this css code:
.single .main_color.container_wrap_first.container_wrap.fullsize { background-color: white; }
Regards,
IsmaelNovember 20, 2015 at 1:28 am #539300Hi There,
Thanks so much for that – it worked as expected.
The client has now decided that they want either
The text width to be wider
or
Black bars either side of the post (see the private content)I have the theme set out as a stretched layout so I’m not sure if the second option would be possible.
Thanks in advance
November 20, 2015 at 4:25 pm #539738Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }
Regards,
YigitNovember 23, 2015 at 9:05 am #540574Hi Yigit,
Unfortunately that code didn’t deliver the result I was after. I’m trying to create the look mocked up in the link in the private content. Right now the theme is set to black colour scheme which uses a stretched layout.
If this is possible, please let me know.
Thanks!
November 23, 2015 at 2:15 pm #540826Hey!
Please add following code to Quick CSS
#top .fullsize .template-blog .post .entry-content-wrapper { background: white; } .single-post #main .container_wrap { background: black!important; }
Cheers!
YigitNovember 24, 2015 at 8:03 am #541372Thanks Yigit, That’s done the trick.
The last thing I’d like to do is get the featured image across the width of the post: right now it is only a small square. The image uploaded is landscape and should cover the width of the post. Is this possible?
Below is a screen shot of my current settings for the blog.
Thanks for your help!
November 24, 2015 at 1:43 pm #541587Hey!
Please go to Enfold theme options > Blog Layout > Single Post Style and choose to display a big preview image :)
Regards,
YigitNovember 25, 2015 at 6:06 am #542133Thats done the trick. Thankyou!
November 25, 2015 at 7:33 am #542160Hi!
Great!
Please do let us know if you need anything else, we will be more than happy to assist!Regards,
Basilis -
AuthorPosts
- The topic ‘Change the colour scheme of the blog’ is closed to new replies.