Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #11769


    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,



    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.




    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.



    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.



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

The topic ‘Nav menu alignment, content background colours’ is closed to new replies.