Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #15361

    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.

    #87193

    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

    #87194

    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

    #87195

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

    #87196

    Hey,

    Glad you figured it out. Thanks to Devin.

    Regards,

    Ismael

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Customize our Menu and Help with Tables’ is closed to new replies.