WordPress.org

Ready to get started?Download WordPress

Forums

Mantra
[resolved] Sidebar header link colour and alignment (5 posts)

  1. boozwheez
    Member
    Posted 1 year ago #

    Hi,

    I have implemented your theme on my blog http://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?

  2. egado
    Member
    Posted 1 year ago #

    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%;
    }
  3. boozwheez
    Member
    Posted 1 year ago #

    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.

  4. egado
    Member
    Posted 1 year ago #

    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;
    }
  5. boozwheez
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic