Changing the color of sidebar bg, borders, tabs, etc.

  • Resolved Sheerfaith

    (@sheerfaith)


    10 years, 7 months ago

    Hello there !

    I have -again- a few questions about changing the color of several elements in the sidebar, as i’m turning around without finding the solution, despite having checked all the css files, and even some of the .php files.

    Instead of writing a long explanation here, i prefer to post the link of a screenshot which i anoted with arrows and text, as visual is always better to understand. ??

    Problem

    I would also like to know how to “add” some further “blocks” or widgets, in the section directly over the footer (where “why us?” is) so that this poor section gets a bit more symetric ! ??

    I thank you in advance for all informations, help, hints which you can provide me ! Have a nice day @ll!

Viewing 3 replies - 16 through 18 (of 18 total)
  • Thread Starter Sheerfaith

    (@sheerfaith)

    Hi ! =)

    Well, the problem is still the same, maybe my explainations were too long/bad. So, here again :

    Some modifications just become effective if written in the custom css and not the child theme style.css

    For example, to reduce the space between the header and the post titles, i have to write this :

    #content {
    padding: 40px 0;
    }

    But if written in the child theme, no effect. So, i have to copy/paste it in the custom css, and i was wondering why.

    Hope this was more clear as explaination. ??

    Theme Author Access Keys

    (@access-keys)

    Well, your new CSS in the child theme is above or below the imported style sheet from parent theme?

    If it is below then it should work fine.

    Let me know you website plz

    Thread Starter Sheerfaith

    (@sheerfaith)

    Hi.
    As already said, site is offline, as i’m working on instant WP.
    To answer your question, as i’m somebody organized, from the start i copied the “green” skeletton from original style.css in my custom style.css, which means i have all the “areas” (header, sidebar, widgets, footer, whatever…) in this sheet but empty (except for the modified parts i added). So, everytime i need to change something in the design, after having target the element with firebug, i report to the original style.css, copy the selected part to my own style.css in the same “green” area as on the original, and modify it there as i wish. So, about above/below, as it is on a separate child theme and knowing not all the sheet is copied on my custom css, but just the modified parts, i could not say…

    For the moment, just a few parts didn’t work when using the custom style.css, and had to be copied in the custom css field from the theme:

    .featured-post .featured-overlay{background:#adadad ;}
    #content {
    padding: 10px 0;
    }
    #call-to-action{
    background: #777777;
    padding: 10px 0;
    color:#FFF;
    }
    #call-to-action h4{
    font-size: 26px;
    margin-bottom: 0;
    float: left;
    color:#FFF;
    font-weight: normal;
    font-family: ‘Open Sans’,sans-serif;
    max-width: 85%;
    }
    #top-section h1 {
    margin-bottom: 5px;
    text-transform: uppercase;
    }

    It’s somehow completely random -just my feeling- if it’s work or not in the custom style.css, and i cannot get why it’s so, this turns me crazy. ^^ I’m pretty sure there is a logic reason which i didn’t found out yet for this, but impossible to know which it is…

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘Changing the color of sidebar bg, borders, tabs, etc.’ is closed to new replies.