Sidebar header link colour and alignment

  • Resolved boozwheez

    (@boozwheez)


    11 years, 5 months ago

    Hi,

    I have implemented your theme on my blog https://we-help-all.com and facing one problem. In the colour settings I have set to show white colour in the sidebar header. it works fine only in the left sidebar. But does not display correct in right sidebar and widget headers. On right sidebar and widget headers it shows like a link. When I change link colour to white then whole website links becomes white colour. Is there any workaround for this?

    One problem is with alignment. Left sidebar displays text with right align. Is there a way to change it to left align?

Viewing 4 replies - 1 through 4 (of 4 total)

  • You will need to edit the style.css

    Find: 

    .widget-title
{
    color: #000000;
}

    And change to: 

    .widget-title, .widget-area .widget-title a:link, .widget-area .widget-title a:visited
{
    color: #ffffff;
}

    So every widget header title should be white, even if they are links.

    One problem is with alignment. Left sidebar displays text with right align. Is there a way to change it to left align?

    Find:

    #primary .widget-title
{
    border-radius: 0 10px 0 0;
    margin-left: -10px;
    padding-right: 8%;
    text-align: right;
    width: 100%;
}

    And change to:

    #primary .widget-title
{
    border-radius: 0 10px 0 0;
    margin-left: -10px;
    padding-right: 8%;
    text-align: left;
    width: 100%;
}

    Thread Starter boozwheez

    (@boozwheez)

    Thanks for the help egado. but i could not find any of the above mentioned class snippet in any css file. the one i found are following

    .widget-title {
    color: #2EA5FD;
    font-size:16px;
    padding:4px 0;
    padding-left:15px;
    text-align:left;
    margin-bottom:10px;
    background-color:#333;
    margin-left:-10px;
    padding-right:10px;
    width:100%;
    -moz-border-radius:10px 0 0 0;
    -webkit-border-radius:10px 0 0 0;
    border-radius:10px 0 0 0;

    }

    And

    I could not find #primary .widget-title in css. I can only see following with the #primary name

    #primary,
    #secondary {
    display:block;
    float: right;
    overflow: hidden;
    width:125px;
    border-left:1px dashed #EAEAEA;
    padding-left:20px;
    padding-top:10px;
    }
    #primary {
    min-height:200px;
    }

    I don’t know if its relevant to share that i am using 3 column layout and is on 3.5.2. and i am checking in the Apperance>Editor.

    They are in your website <head> you will see it by using CTRL + U (Firefox). But I can’t tell you where them come from… maybe from the theme-settings.

    But you can try to add this in your style.css

    Add in style.css

    .widget-title, .widget-area .widget-title a:link, .widget-area .widget-title a:visited
{
    color: #ffffff !important;
}

#primary .widget-title
{
    text-align: left !important;
}

    Thread Starter boozwheez

    (@boozwheez)

    Hi egado. I am delighted. Thanks problem solved.

    Your help is much appreciated. Keep up the good work. I am very pleased to use this theme. well done.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sidebar header link colour and alignment’ is closed to new replies.