Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #25736

    Hi,

    I’m using the new Enfold 1.7.1 and Child Theme 1.0, imported the dummy content.

    1) Is it possible to color or apply a background image on the whole sidebar?

    I tried a code I found here and applied it on the Quick CSS:

    Code:
    .sidebar {
    background: red;
    min-height: 600px;
    }

    …but it doesn’t match the whole sidebar. only the part where widgets are used. It doesn’t cover the part at the right of the sidebar, nor the empty bottom of the sidebar which could be quite long.

    Is it possible to color the whole sidebar via css, and/or to apply an background image?

    2) Is it possible to change the shapes of the author/commenters images and page pagination instead of the round ones?

    Ideally I’d like to:

    a) Have classic square containers on page pagination and author/commenters, no rounded containers.

    Same with the “previous-next posts” expanding preview shortcuts on left & right

    b) Have triangles instead of rounded containers on post/image hovers & at the big comment-count introducing the comments

    If triangles are shapes that don’t exist, regular squares then.

    Great theme!

    #128030

    Hi Shallnotbe,

    The issues is that the actual sidebar, the code of it not what you see as the visual part of it, only includes what has content inside of it. So the “sidebar” doesn’t actually extend all the way to the bottom of where your content.

    For #2, Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .gravatar {
    border-radius: 0;
    }
    .comment-count {
    border-radius: 0;
    }
    .rounded-container, .rounded-container img {
    border-radius: 0;
    }

    I’m not sure what other items you want to change but I’m fairly sure all of them can be change with just a 0 border-radius. So if you have any other circlular items you can inspect the page with either google dev tools or Firebug for Firefox and then get the class selector that you’ll need to target.

    Regards,

    Devin

    #128031

    Thanks Devin!

    That solved most of my questions and problems ;)

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Coloring the whole sidebar & square containers’ is closed to new replies.