Home Forums Arnold WordPress Theme Menu Background + Text Colour

This topic contains 15 replies, has 2 voices, and was last updated by  SeaTheme 4 months, 1 week ago.

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

    conbinidesignco
    Participant
    Purchased

    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

    SeaTheme
    Keymaster
    Purchased
    Supported

    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
    Purchased
    This reply has been marked as private.
    #18732

    conbinidesignco
    Participant
    Purchased

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

    #18738

    SeaTheme
    Keymaster
    Purchased
    Supported

    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
    Purchased
    This reply has been marked as private.
    #18768

    SeaTheme
    Keymaster
    Purchased
    Supported

    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
    Purchased
    This reply has been marked as private.
    #18776

    SeaTheme
    Keymaster
    Purchased
    Supported

    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

    #18845

    conbinidesignco
    Participant
    Purchased
    This reply has been marked as private.
    #18846

    SeaTheme
    Keymaster
    Purchased
    Supported

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

    @media (min-width: 768px) {
     body:not(.single-portfolio-bigtitle) .gallery-post-des { padding-top: 0px; }
    }
    .gallery-property { margin-top: 0px; }
    .gallery-info-property-con h4 {  line-height: 1; margin-bottom: 60px; }

    ps: I found you add line-line:130px for h4, it will be broken on mobile, so change as line-height: 1, use margin-top and margin-bottom to adjust spacing.

    2. Appearance > Theme Options > colors: Posts & Pages / Title

    3. Appearance > Theme Options > colors: Posts & Pages / Previous & Next

    4. Please paste the custom CSS code to “Appearance > Customize: Additional CSS”
    The plus icon color:

    .post-navi-go-back-a  {
        color: #000f4;
    }

    To hide the text:

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

    ps: if you want to remove mask color, use the custom css:
    .ajaxed-grid-item .grid-item-con:after {display: none;}

    Button color:

    .tw-style-a.ux-btn {
        color: #ED94C5;
    }

    Regards

    #18847

    SeaTheme
    Keymaster
    Purchased
    Supported
    This reply has been marked as private.
    #18894

    conbinidesignco
    Participant
    Purchased
    This reply has been marked as private.
    #18895

    SeaTheme
    Keymaster
    Purchased
    Supported

    Please use the custom css to define the mobile menu font size:

    @media (max-width: 480px) {
    .responsive-ux #navi a { font-size: 20px;  }
    }
    #18933

    conbinidesignco
    Participant
    Purchased

    Sorry a few more
    1. How can I turn off the lightbox, which shows on all posts once you click image?
    2. How can I make H1 smaller font size on mobile?
    Thank you

    #18939

    SeaTheme
    Keymaster
    Purchased
    Supported

    1. Please refer to https://www.uiueux.com/forums/topic/disable-lightbox-what-thumbnail-does-on-specific-page/#post-14103

    2. Please use the custom CSS:

    @media (max-width: 767px) {
    body.single.responsive-ux .title-wrap-tit {font-size: 26px; }
    }

    The default size is 36px

Viewing 16 posts - 1 through 16 (of 16 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!