Shape 5

Joomla Templates => Oasis - Club => : cindyr February 26, 2014, 09:12:51 PM



: main menu and read more buttons
: cindyr February 26, 2014, 09:12:51 PM
can't find the option in template or css to change the menu color not the mouse over color but the tab color itself is white as of now want to change to darker color cna't see the read more unless you mouse over it is same color as bground of page


: Re: main menu and read more buttons
: mikenicoll February 26, 2014, 10:57:57 PM
Hello,

The main menu buttons that are seen as white in our demo can be controlled here:

Template.CSS - Line 131

#s5_nav li {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    height: 40px;
    list-style: none outside none;
    margin-right: 8px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

The readmore button backgrounds are controlled by your Highlight Colors in the Template Manager.

-Mike


: Re: main menu and read more buttons
: zellnert February 27, 2014, 02:36:20 AM
same problem here. the read more link is shown in white on a white background. i can only change the highlight color, not the not-hover-color.


: Re: main menu and read more buttons
: mikek February 27, 2014, 08:58:54 AM
Hello,

Please post a url to where this occurs.


: Re: main menu and read more buttons
: cindyr February 27, 2014, 03:45:54 PM
sorry to ask but I noticed the highlight colors are red in template, the issue Is the read more only shows up on hover, can you help me to have the read more show up without having to hover over tab?  I sent atch to show you what I mean.


: Re: main menu and read more buttons
: cindyr February 27, 2014, 04:21:33 PM
http://192.254.190.201/~cindyr/paulsextermination.com/index.php/pe-library

read more is not visible unless you hover over it, need it visible any solution would be very helpful.
Thank you.


: Re: main menu and read more buttons
: mikenicoll February 27, 2014, 11:41:31 PM
Hello,

Your background in the following coding is currently set to none. Try modifying the code below to include a different color such as #000000

com_content.css - line 505

p.readmore a.btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    filter: none;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-align: left;
    text-shadow: none;
    text-transform: none;
}

-Mike