Changing the menu rollover color « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Coalition

closed

resolved

Changing the menu rollover color

11 posts from 3 voices

Started 5 months ago by orangehagis
Latest reply from Ismael
This topic is closed
This topic is resolved

Tags:

No tags yet.

orangehagis
Member

Hi again folks

Firstly thank you very much for help already today, just a few more questions of I may :)

How do I change the menu rollover color and the the menu selection color ?
I have searched the support and found this but the code dosen't seem to work in the custom css section

http://www.kriesi.at/support/topic/cant-change-the-menu-link-or-ahover-state#post-79585

.menu li.menu-item a:hover {
color: red!important;
}

.current-menu-item {
color: blue!important;
}

I'd also like to hide/remove the header on each page without remove the menu name, can this be done ? coalition theme

Many thanks
Hagis

Posted 5 months ago #
Ismael
Moderator
Hi Hagis,

Only the hover button works on coalition, you can use this code for the hover:
```
.avia_mega.menu li a:hover {
   color: red !important;
}
```
Just change the color.

For the Header Name, try this code:
```
#top .post-title {
   visibility: hidden;
}
```
Hope this helps. :)

Regards,
Ismael
Posted 5 months ago #
orangehagis
Member

Hi Ismael

Thanks for your reply, sry just another question regarding the header name

Is there any way to just remove/hide the header on the home page only (or individual pages) ? I didnt realize that by removing the header throughout the site it would remove the blog header/title.

The code for the hover color changes the menu font color when hovered over, not the bar/background/hover color which is what I was trying to change.

Would you have any more suggestions on these ?

Many thanks for your help
Hagis

Posted 5 months ago #
Ismael
Moderator

Hi Hagis,

Can you post some pages where you the titles to appear?

Regards,
Ismael

Posted 5 months ago #
orangehagis
Member

Hi Ismael

yeah this is the site address http://www.yvonnecooksonartst.co.uk

and on the home/front page above the image it says home (header I think) it would like to remove/hide this but on the other pages I want the keep the header.

The title appear on all the pages over the content area, and there seems to be a faint dashed line at the top of the site which I am not sure if its part of the theme

Many thanks
Hagis

Posted 5 months ago #
Devin
Moderator

Hi Hagis,

I can't seem to pull up your site right now but to change the menu hover color you'll need to change it in the template builder (if you are using the one page portfolio layout). Each page section allows you to modify the section color in that element within the Template builder.

By default, there shouldn't be any kind of title above the content so I'm not sure what you mean. If your site link can be fixed then we can take a look.

Regards,

Devin

Posted 5 months ago #
orangehagis
Member

hey Devin

Ah doh I have misspelled the web address, sry its

http://www.yvonnecooksonartist.co.uk

I'll leave the menu hover color until I learn how to use template builder but if you take a look at the other problem that would be great.

On each page what looks like a header/title above the content area seems to appear matching the page name and I would like to remover it from the home/main page.

Earlier Ismael suggested this piece of code in the custom css but that overwrites the entire site

#top .post-title {
visibility: hidden;
}

Many thanks
Hagis

Posted 5 months ago #
orangehagis
Member

There also seems to be a faint dotted line/divider line appearing along the top ?

Many Thanks
Hagis

Posted 5 months ago #
Devin
Moderator
Ah I see, you aren't using the one page portfolio layout. In that case, you'll need to add the following to your Quick CSS to remove the post title for the home page:
```
#top.home .post-title {
display: none;
}
```
And to remove the dotted line background from the minimal skin, add the following as well:
```
#header {
background: none;
}
```
Regards,

Devin
Posted 5 months ago #
orangehagis
Member

ah ha brilliant, thanks exactly what I was after

A great many thanks Devin and Ismael your help has been greatly appreciated

Many thanks
Hagis

Posted 5 months ago #
Ismael
Moderator

Hi Hagis,

Glad we could help. :)

Cheers,
Ismael

Posted 5 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

© Copyright Kriesi.at – Wordpress Themes and HTML Templates

top