Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 8, 2016 at 3:17 am #609961
    esemmel

    Hi, is there a way to make the entire background of the content (main) area a gray, but the background for the post, white?
    So the sidebar is against gray, the background of the whole page is the same gray…just the post itself has a background of white.

    I dont think there is an admin panel option to change the backgrounds like this.

    Thanks

    April 8, 2016 at 8:27 am #610081
    Rikard

    Hey esemmel,

    Could you provide us with a link to the site in question so that we can take a closer look please? I’m not sure if I understand exactly what you are trying to achieve so please try to explain a bit further and/or post screenshots of your desired results.

    Regards,
    Rikard

    April 8, 2016 at 12:03 pm #610189
    esemmel

    Hi. In trying to explain it better. The default seems to be, the entire background of the entire content area (post area, sidebar, and background) is the same – most of the time white. What if I want to make them all gray, but have the post area background white, so it stands out more. As seen here: http://pexetothemes.com/demos/story_wp/blog/ ?

    April 8, 2016 at 1:46 pm #610224
    Yigit

    Hi!

    Using following code in Quick CSS in Enfold theme options > General Styling should help 

    article .entry-content-wrapper {
    background: orange;
}

    In case it needs adjustments, please post the link to your blog page

    Best regards,
    Yigit

    April 8, 2016 at 2:07 pm #610243
    esemmel

    Tried it, no change. Even tried to add an !important code…no change.

    here’s the url of the post im working with for this test.

    test blog post apr 2

    April 8, 2016 at 2:12 pm #610250
    Yigit

    Hey!

    Please use following code 

    .single-post .entry-content {
    background: white;
    padding: 10px;
    margin-top: -12px;
    border: 1px solid #e2e2e2;
}

    Cheers!
    Yigit

    April 8, 2016 at 2:12 pm #610251
    esemmel

    The hardest part of making changes like these is knowing the correct element to then make the css declarations. The code of actually changing the background color is easy background:#cccccc (or whatever color you want)…it’s knowing the exact class element to enter that is so difficult to figure out.

    April 8, 2016 at 2:14 pm #610254
    esemmel

    Still, no change…everything is gray

    April 8, 2016 at 3:29 pm #610289
    esemmel

    Hi, Actually…in looking further. Each of them made a similar change.
    What I noticed was, I had a piece of css code above the ones you gave me, but no closing }
    That was messing up any code that came after it.

    April 8, 2016 at 3:34 pm #610290
    Yigit

    Hey!

    Glad you figured it out!
    Should we mark the thread as resolved and wish you a great weekend or would you need more assistance? :)

    Regards,
    Yigit

    April 8, 2016 at 4:01 pm #610301
    esemmel

    Hi, yes this issue is resolved.
    However, is there any cheat sheet or documentation about how the coding is arranged so better be able to know which elements to call to make css modifications?

    April 8, 2016 at 4:33 pm #610312
    Yigit

    Hey!

    Great!

    Since Enfold has so many elements, unfortunately we do not have such documentation but you can enable custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your elements, give them a custom class and target them individually. If you need any help, feel free to start a new thread and we will gladly help :)

    Enjoy your weekend!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Post content background different color’ is closed to new replies.