Home Forums Arnold WordPress Theme Menu Background + Text Colour

This topic contains 8 replies, has 2 voices, and was last updated by  BWSM 4 hours, 16 minutes ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #18715

    conbinidesignco
    Participant

    How do I amend:
    1. Change Menu background colour?
    2. Change the menu icon colour only on rollover/clicked state?
    3. Change the menu text colour – sorry I cannot find where this is located.

    Thank you!

    #18725

    BWSM
    Keymaster

    Hi,

    1. Do you talk the expanded panel clicked menu icon?
    Appearance > Theme Options > colors: Header Bg Color

    2. Please paste the custom CS code to “Appearance > Customize: Additional CSS”

     /*mouseover on menu icon*/
    #navi-trigger:hover {
     color: #ccc;
    }
    /*click to show menu panel*/
    .show_mobile_menu #navi-trigger {
     color: #ccc;
    }

    3. Appearance > Theme Options > colors: Menu on Header Dark or Menu on Header Light

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #18731

    conbinidesignco
    Participant
    This reply has been marked as private.
    #18732

    conbinidesignco
    Participant

    6. How do I amend the load colour of the box under neath the post image? Currently it is light grey

    #18738

    BWSM
    Keymaster

    HI

    1.
    Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

    #menu-panel { 
        background-color: #ccc;
    }

    2. Appearance > Theme Options > colors: Menu on Header Dark or Menu on Header Light

    3. Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

    .grid-item-con-text-show { 
        display: none;
    }

    4. Edit the page, click “Edit Your Portfolio Layout” to drag & drop to change each image width/position. It is a 12col width, so it could be 2+8+2. The width would be 66.6667%
    For single post, it depends on template, better leave your single post URL.

    5. Edit the page, set “Mouseover Effect” as “No effect”

    6. Please use custom CSS:

    .ux-lazyload-wrap { 
        background-color: #f0f0f0;
    }
    #18766

    conbinidesignco
    Participant
    This reply has been marked as private.
    #18768

    BWSM
    Keymaster

    Hi, welcome

    1. I don’t understand this question, better paste a screenshot to explain, thanks.

    2. Please use the custom CSS, I have added it on your wp-admin:

    .show_mobile_menu .logo-dark {
    	display:none;
    }
    .show_mobile_menu .logo-light {
    	display:block;
    }
    .show_mobile_menu #header {
    	background-color:#0000F4;
    }
    .show_mobile_menu #navi-trigger {
    	color:#fff;
    }
    #navi a {
    	color:#fff; /*menu item color*/
    }
    #navi a:hover {
    	color:#ccc; /*menu item mouseover color*/
    }

    3. Please use the custom CSS, I have added it on your wp-admin:

    @media(min-width:992px){ 
    .single-portfolio-fullwidth article>.container { padding-left: 15%; padding-right: 15%; }
    }

    4. Where are the post links you talked about?

    Regards

    #18769

    conbinidesignco
    Participant
    This reply has been marked as private.
    #18776

    BWSM
    Keymaster

    Hi,

    The CSS is in: Appearance > Customize: Additional CSS, they cannot be put in THEME OPTIONS > GENERAL SETTINGS.

    Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

    
    #back-top.backtop-shown {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }
    @media (min-width: 768px) {
    .gallery-post-des .title-wrap,.gallery-post-des .gallery-post-des-inn { display: block; width: 100%; }
    }

    Regards

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

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!