How to highlight wordpress sidebar text?

Hello Guys,

Recently i have created a WordPress website and and i wanna highlight sidebar E.G (Categories, Recently Added). Here is a example http://i.imgur.com/BCmFKZ2.png Hope you guys will help me regarding this.

Waiting for positive reply.

Hi,

I don’t know anything about wordpress but I guess you have a custom css you can add to and if so the styles for that sidebar are styled via .sidebar h3{}.

You can change the styling like this.

.sidebar h3 {
background:#ccc;
color:#000;
padding:5px 10px;
text-transform:uppercase;
}

Of course that will change all the h3s in that sidebar but that seems to be what is happening anyway.

Thanks Its works. Also please let me know how to change sidebar Category section like this http://i.imgur.com/6TIEUb0.png Hope you will help me again too.

To target just the Category list items, you must select a leading selector that is unique to the Category list items.

Add these styles to your custom stylesheet. They will override your other general styles.

#categories-2 ul {
    list-style:none;
}
#categories-2 ul li {
    display:inline-block;
    border-radius:3px;
    width:auto;
    background:#888;
    padding:2px 4px;
    margin:2px;
}
#categories-2 a {
    color:#fff
}

Thanks again.

And how to use search bar similar to imdb search bar for my wordpress.
And how to set hove text at top, right to log. Here is an example :- http://i.imgur.com/54EfcX2.png
And How to increase the width of header Here is an example :- http://i.imgur.com/OnMKViA.png Same in footer too?

This is last question.

Hope you will help me.

Thanks in advance.

Guys plz let me know how can i use search bar similar to imdb search bar for my wordpress.
And how to set hove text at top, right to log. Here is an example :- http://i.imgur.com/54EfcX2.png1
And How to increase the width of header Here is an example :- http://i.imgur.com/OnMKViA.png Same in footer too?

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.