Customising CSS in Expound Theme

sonyadanielle · Member · Mar 16, 2014 at 1:22 pm
Copy link

Add topic to favorites
Hi guys, I was wondering if you could help me out? :O)

I recently changed to responsive Expound theme. I’m really loving it apart from a few little things.

1. My follow buttons are now in a vertical row in the widget area and I want them to be horizontal again.
2. I would like to change my widget titles to another colour.
3. Is it possible to make my header clickable to my home page?
4. Under my main post there is row of four posts, the background is grey, is there anyway to change this colour?

Many thanks in advance
Sonya x

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Mar 16, 2014 at 5:11 pm
Copy link
1. My follow buttons are now in a vertical row in the widget area and I want them to be horizontal again.

Edit the text widget where you have added HTML for those buttons and find the “class” attribute for each link. Remove “alignnone ” from each class attribute.
designsimply · Member · Mar 16, 2014 at 5:13 pm
Copy link
2. I would like to change my widget titles to another colour.
```
.widget-area .widget-title {
	color: #D02954;
}
```
Adjust the color code as needed.
designsimply · Member · Mar 16, 2014 at 5:24 pm
Copy link
3. Is it possible to make my header clickable to my home page?

There is not a built in setting that will allow you to change the link for the header image, but it’s possible to do a workaround with CSS where you take one of the menu links and move it up to cover the header image area. Here is an example that will move the “Home” link to illustrate how it works:
```
#menu-item-1528 {
	background: inherit;
	width: 1020px;
	height: 277px;
	position: absolute;
	top: 70px;
	text-align: left;
	text-indent: -9999px;
}

#menu-item-1528 a {
	margin: 0;
	height: 100%;
}
```
To use a different link, you should add a custom link to the main menu and save it, then view the page source for the blog and find the id value for the new link, then replace “menu-item-1528” with the id value from your new link.
designsimply · Member · Mar 16, 2014 at 5:25 pm
Copy link
4. Under my main post there is row of four posts, the background is grey, is there anyway to change this colour?
```
.featured-content-secondary {
	background: inherit;
}
```
sonyadanielle · Member · Mar 16, 2014 at 7:07 pm
Copy link
Wow thanks so much. As soon as I get to my laptop I’ll try all suggested and let you know how I get on :0)
designsimply · Member · Mar 16, 2014 at 7:30 pm
Copy link
Sounds good. :)
sonyadanielle · Member · Mar 17, 2014 at 2:02 pm
Copy link
All worked amazing, thank you so much :O) xx
designsimply · Member · Mar 17, 2014 at 10:58 pm
Copy link
Yay! http://onceuponaglam.com/ is looking very professional! :)
sonyadanielle · Member · Mar 20, 2014 at 3:34 am
Copy link
Thank you so much :0) x

No items found.