Customize our Menu and Help with Tables « Support Forum | Kriesi.at

Support Forum » Broadscope

Customize our Menu and Help with Tables

5 posts from 4 voices

Started 9 months ago by southlakebaptist
Latest reply from Ismael
This topic is closed
This topic is resolved

Tags:

No tags yet.

southlakebaptist
Member

My apolgoies up front for not being a super programmer. We've done some light customizing of our site, but we are struggling with a few things. Our test site with the template is http://www.southlakebc.com (it's a mess).

Here are my questions

1. How can we change the colors of the menu bar, hover, font, etc. (tried a few things from the searches and nothing worked)

2. On the home page we are trying to center 3 buttons, the best route I can figure is to use a table. The border is set to 0, but as you can see it's showing some light borders below the buttons.

3. Is there a way to remove the preview icons from the blog post (events for us), a portpholio (we call it sermons) widgets. You can see the first page has some, and http://www.southlakebc.com/about/ here.

4. Is it possible to have a submenu on certain pages, for example, if you are on a certain page that falls under a menu with multiple pages, could we have a submenu of the other pages. Here is an example on our current website (I would want to control this)
http://www.southlakebaptist.com/about

Thanks for any help offered, the search feature on this forum doesn't seem to allow me to narrow the results down the broadscope template.

Posted 9 months ago #
Devin
Moderator
Hi southlakebaptist,

1. For the background:
```
#menu-sbc-menu.avia_mega {
background-color: #333;
}
```
Hover color - set on line 53 in light-skin.css in the css folder of your theme files. Can also be used for adding font.
```
#top .avia_mega > li > a:hover, #top .avia_mega > li:hover > a, #top #wrap_all .avia_mega .open-mega-a {
background: #444;
color: #334;
}
```
The sub menu items are styled by the following which is also in light-skin.css on line 81 (also in conjunction with the colors you choose in the styling tab of the theme options):
```
#top .avia_mega ul ul li, #top .avia_mega > li > ul li {
color: #777;
background-image: url(../images/skin1/menu_arrow.png);
background-position: -20px -11px;
background-repeat: no-repeat;
}
```
2. The theme has its own css for tables which you will need to cancel out. The most simple way to do this would be adding a new class to your custom.css or Quick CSS called .borderless and give it properties with values to cancel out the theme options. Then apply that class to the table.

Something like:
```
.borderless{
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
border-top: none !important;
}
```
3. Looks like you got this one figured out looking at the site now.

4. You would need to use a plugin for something like that and then apply it to a widget area for the pages.

Regards,

Devin
Posted 9 months ago #
SylD
Member

Hi, I am also trying to change the submenu colors and the hover colors for the Main Menu/Submenu and tried to follow these directions.

Where can I find the light-skin.css file? I couldn't find it in the Choices theme folder.

Is there a Quick code for setting these colors?

Thank you,

Syl

Posted 7 months ago #
SylD
Member

Hi, I found all the settings by continuing to search the forum :) Thanks.

Posted 7 months ago #
Ismael
Moderator

Hey,

Glad you figured it out. Thanks to Devin.

Regards,
Ismael

Posted 7 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

Kriesi.at - Wordpress Themes and HTML Templates

Customize our Menu and Help with Tables

Topic Closed

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…