Sidebar, widget css help-theme suits

shadaeimagine · Member · May 1, 2014 at 2:48 am
Copy link

Add topic to favorites
Hi..
My blog is http://www.sparrowbluedesign.com
I have suits theme.
I want to centre the title for my sidebar widgets.

And also know if I can change the colour of the font in the titles?

Thanks for any help.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 1, 2014 at 2:55 am
Copy link
Hi there, the following will center the widget titles and allow you to change the color. I used a red, just for demonstration purposes. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.
```
.widget .widget-title {
    text-align: center;
    color: #CC0000;
}
```
shadaeimagine · Member · May 1, 2014 at 3:02 am
Copy link
sorry I also wanted to know how to make my banner larger on the page height wise. It always forces me to crop a narrow size out of my image.
Thanks x
shadaeimagine · Member · May 1, 2014 at 3:03 am
Copy link
ps thanks for the first set of css Appreciate the help =)
thesacredpath · Member · May 1, 2014 at 3:22 am
Copy link
Glad that gave you what you were looking for.

On the header, what you would do is to upload the image to your media library, get the URL of that image and replace URL_OF_IMAGE between the quote marks with the URL of your new image in the CSS below. The existing header image is 180px in height, and the following would allow you to increase that to 250px. If you want it taller than that, we will have to make some adjustments.
```
.site-header {
    background: url("URL_OF_IMAGE") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 280px;
}
#navbar {
    margin-top: 70px;
}
```
shadaeimagine · Member · May 1, 2014 at 3:39 am
Copy link
worked perfectly ;)) Awesome
Thanks heaps for your time.
thesacredpath · Member · May 1, 2014 at 3:40 am
Copy link
You are welcome.

No items found.