Sela theme – 4 questions

highweekvh · Member · Apr 12, 2015 at 3:52 pm
Copy link

Add topic to favorites
Hello,

I’ve just discovered the Sela theme (which I love!) however there are a few things I would like to be able to do that I can’t figure out.

1) I have a facebook icon in the footer however I would like to change the colour of the icon so it stands out a bit more.

2) I’ve added a side-bar divider line however I was wondering if there is a way to make the line stretch to the bottom of the page rather than finish when the widgets finish

3) is there a way to change the colour of the horizontal lines?

4) Is it possible to change the drop down menu hover colour?

Any help much appreciated!

My website is at: http://highweekvillagehall.org/

Lucy

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Apr 13, 2015 at 6:17 pm
Copy link
Hi Lucy,

1) I have a facebook icon in the footer however I would like to change the colour of the icon so it stands out a bit more.

You can edit the background color in the following. Excuse my obnoxious red color. :)
```
.social-links ul a::before, .footer-widget-area button {
    background-color: #cc0000;
}
```
2) I’ve added a side-bar divider line however I was wondering if there is a way to make the line stretch to the bottom of the page rather than finish when the widgets finish

In your Custom CSS, remove the #secondary rule with the border declaration and instead we can use the following to put the border on the content instead.
```
#primary {
    border-color: #abc184;
    border-right: 5px dotted #abc184;
    padding-right: 25px;
}
```
This isn’t the perfect solution though as the line will not extend all the way to the bottom if the content is shorter than the sidebar content.

3) is there a way to change the colour of the horizontal lines?

If you are talking about the horizontal rules that you have inserted into pages, such as Regular Activities, then add the following and edit the color code as desired.
```
hr {
    background-color: #dd00cc;
}
```
4) Is it possible to change the drop down menu hover colour?

Add the following to change the hover background color on the submenu items.
```
.main-navigation ul ul a:hover {
    background: #dd7f00;
}
```
highweekvh · Member · Apr 15, 2015 at 7:07 am
Copy link
Thanks so much for your help! I will try them out when I get home tonight.

No items found.