Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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?

    #400467

    Hey 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,
    Ismael

    #400475

    Hello 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.
    #400949

    Hey!

    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,
    Elliott

    #401066
    This reply has been marked as private.
    #401087

    I 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?

    #401095

    O.K! .. I’m getting there!
    #top.single-post .content { background-image: url("http://../white_bg.gif"); }
    seems to do the trick

    only 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.
    #401102

    o.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!
    :)

    #401723

    Hey!

    Alrighty, let us know if you have any other questions.

    Cheers!
    Elliott

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.