Tagged: background, Blog
-
AuthorPosts
-
February 21, 2015 at 10:09 pm #400126
hello
I’m using enfold for my portfolio website and chose a background image for it
which look good in the portfolio pages (that contain many pictures and little text)
but no so good inside blog posts (that contain lots of text which less readable with that background image)
is there a way to define (with quick css or may be some plugin) for all the blog posts the have different (or no) background image?February 23, 2015 at 10:11 am #400467Hey Doron!
Thank you for using Enfold.
Remove the current background then add a color section inside the portfolio page. Place all portfolio content inside this section. Apply a background image.
Regards,
IsmaelFebruary 23, 2015 at 10:23 am #400475Hello Ismael and thanks for your replay
the thing is.. thats not my problem, I don’t want to change the background of the blog front page
I need to change the background of the all blog posts pages
meaning: every page that contains blog post will have white background instead of image not the blog’s front page.
..since there are hundreds of posts in my blog I have to find a way to configure this globally by css code or some plugin
is it possible?- This reply was modified 9 years, 9 months ago by Doron.
February 23, 2015 at 7:37 pm #400949Hey!
Can you send us a link to your site so we can take a look?
You can target just portfolio pages with CSS like so.
.single-portfolio { }
But we need a link to your site to see how your using the background.
Best regards,
ElliottFebruary 23, 2015 at 11:04 pm #401066This reply has been marked as private.February 23, 2015 at 11:39 pm #401087I think I might found a solution!
what about something like:
#top.single-post .container_wrap { background-image: url("http://../white_bg.gif"); }
it’s working! but it changes the whole page background (including header footer and sidebar etc)..which is not perfect
I wish to give white background only to the main content
can you help me do that?February 23, 2015 at 11:54 pm #401095O.K! .. I’m getting there!
#top.single-post .content { background-image: url("http://../white_bg.gif"); }
seems to do the trickonly problem is all the comments area is now without any margin on it’s the right side
how can I add a little margin there (or maybe resize it just a little smaller) so it won’t be so tight to the right border of the white background ?
if you can help me with that then case is closed! :)- This reply was modified 9 years, 9 months ago by Doron.
February 24, 2015 at 12:15 am #401102o.k.. I think you can close the topic!
the code#top.single-post .content { background-image: url("http://../white_bg.gif"); }
solved the ‘post main content background’ problem
and the code.comment_container { padding-right: 50px; }
solved the ‘missing margin in the comments area’ problem
thanks!
:)February 24, 2015 at 9:54 pm #401723Hey!
Alrighty, let us know if you have any other questions.
Cheers!
Elliott -
AuthorPosts
- You must be logged in to reply to this topic.