WordPress.org

Forums

How to center text from the list in my sidebar? (11 posts)

  1. Cevi
    Member
    Posted 1 year ago #

    Ok guys.I know that this is a often asked question here in the forum but as it's theme related i really didn't succeed to fix it in my situation.
    Here is my website under construction.
    The problem i have is the one with the sidebar on the right.
    The one with the "Categories; Archives; Search; Meta; Calendar" list.
    I want to align these names in the center of the "shelfs" but i really don`t have an idea anymore after all these tries.
    I am using a child theme with a custom style.css.
    The last thing i tried was adding this to the css:

    #sidebar_1 ul{
    padding: 62px 30px 28px 30px;

    }

    And also:

    .sidebar_1 ul{
    padding: 62px 30px 28px 30px;

    }

    Any idea how to fix this?
    Thanks.

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

  3. Cevi
    Member
    Posted 1 year ago #

    Yes indeed I used Firebug for this and managed to fix it in the center but only trough the html but since I'm using a child theme I was thinking if there is some way for accomplish this by modifying only the custom CSS?
    I can modify the html but I'm afraid of the possible theme update.

  4. Cevi
    Member
    Posted 1 year ago #

    With Firebug if you disable/hide the 3 background images of the sidebar a block will appear around the "Categories", which when selected appears outside the CSS.Here i can set the padding like above and the list gets centered, but this is done only in live mode.
    In the CSS I had no luck.

  5. tonyandujar
    Member
    Posted 1 year ago #

    Hey Cevi,

    Can you try this custom CSS code?

    #sidebar_1 h2 {
    background: url(images/sidebar01_title_bg2.jpg) no-repeat bottom;
    height: 13px;
    width: 229px;
    padding: 0 0 30px 0;
    margin-top: 40px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    tex-align: center;
    color: #8f8d8d;
    float: left;
    }

  6. Cevi
    Member
    Posted 1 year ago #

    Thanks my friend, this did the job. :)
    They are all centered now except the first one "Categories" which stands with right alignment.
    Is it maybe that its not in the h2 section?

  7. tonyandujar
    Member
    Posted 1 year ago #

    Not exactly, it's because you have defined a different styles for the first widget. You can try with this code:

    #sidebar_1 .widget_1 h2 {
    background: url(images/sidebar01_title_bg1.jpg) no-repeat center bottom;
    padding:62px 0 28px 0;
    margin:0;
    width:229px;
    font-size:14px;
    font-weight:bold;
    color:#8f8d8d;
    text-transform:uppercase;
    }

    It's seems to work :)

  8. Cevi
    Member
    Posted 1 year ago #

    Yess, job done. :)
    Only if i can take the "Categories" text 1-2px up to be the same as the others and that will be the thing.
    Anyway thank you a lot for your effort. :)

  9. tonyandujar
    Member
    Posted 1 year ago #

    You're welcome

  10. Cevi
    Member
    Posted 1 year ago #


  11. Cevi
    Member
    Posted 1 year ago #

    I know that is not possible to delete class from css but i know that it can be set to hidden.
    There is a text "Categories" in the .Categories class that i want to be removed or hidden.
    I've tried to manage this but with no luck.
    All i want to do is to center align all the items on the sidebar and remove or hide that "Categories" text under the first "shelf" and above the "fruits" category.
    Something similar to this:

    ===============
    Categories -> removed or hidden
    Fruits

    ===============
    March 2014

    ===============
    "The search bar"

    ===============
    Site Admin
    Logout

Topic Closed

This topic has been closed to new replies.

About this Topic