Sidebar header link colour and alignment

Resolved boozwheez
(@boozwheez)

12 years, 11 months 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?

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

egado
(@egado)

12 years, 11 months 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%;
}
```
Thread Starter boozwheez
(@boozwheez)

12 years, 11 months 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.
egado
(@egado)

12 years, 11 months 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;
}
```
Thread Starter boozwheez
(@boozwheez)

12 years, 11 months 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.

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

The topic ‘Sidebar header link colour and alignment’ is closed to new replies.

Tags