Nav menu alignment, content background colours « Support Forum | Kriesi.at

Support Forum » Flashlight

Nav menu alignment, content background colours

4 posts from 4 voices

Started 1 year ago by triffid
Latest reply from Devin
This topic is not a support question

Tags:

hove color blocks main menu

triffid
Member

Hi,

I having some problems changing some settings

1- I would like to move the main nav menu over to the left to touch the side of the window

2- Change the background colours for menu and content areas but keep the transparency under the nav menu and sidebar ( to #bcbec0)

3- Change the a hover colours for the nav menu and portfolio titles (while using droid sans cufon)

4- Change font size for main nav menu smaller and porfolio item titles

5- Change the transparency for the mini content area with keeping the text at full opacity ( I tried this but it also effects the text in the box too.

.mini_content_display .box {
/* this sets the transparency */
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}

Hope you can help me out,
Regards

Posted 1 year ago #
Mya
Hi triffid,

To get started, here's the code you can add to your Quick CSS or custom.css.

1) This will reposition the sidebar to the left -
.sidebar, .arrowslidecontrolls_fullscreen { left:0; }

Note: You'll notice a jump when switching between pages. I'm trying to find the forum thread that talks about this issue.

2) This will change the background color for the main nav and the slideshow controls -
.sidebar .box, ..arrowslidecontrolls_fullscreen { background-color:#bcbec0; }

3) This should change the nav menu and title hover color -
```
#top .main_menu .menu ul li a:hover {
    color: #555555 !important;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, #top .widgettitle a:hover, .relThumWrap:hover {
    color: #666666;
}
```
4) This will change the font size for the main nav menu
```
.main_menu .menu li a strong {
    font-size: 14px !important;
}
```
5) This changes the background for the mini-content area but keeps the text at full opacity
```
.entry-mini .box {
background-color: rgba(255,255,255,0.5);
}
```
You'll need to make adjustments as you see fit.

Regards,
Mya
Posted 1 year ago #
herzfamily
Member

Hi Mya,

I'm having similar problems with my main menu. I'm trying to get rid of the block when the page is selected, instead I would like to have text underline when you hover & click (selected).

Please help.
Thanks.

Posted 1 year ago #
Devin
Moderator

Hi herzfamily,

I'm not sure what you mean. The Flashlight theme doesn't have a block selection on the menu. If you have a link to your site we can take a look at what you currently have set with your css and possibly give an update to achieve the look you are trying to get.

Regards,

Devin

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.

Kriesi.at - Wordpress Themes and HTML Templates

Nav menu alignment, content background colours

Reply

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…