Menu Background + Text Colour

[conbinidesignco]

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!

[SeaTheme]

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.com – Twitter – Facebook

[conbinidesignco]

This reply has been marked as private.

[conbinidesignco]

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

[SeaTheme]

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;
}

[conbinidesignco]

This reply has been marked as private.

[SeaTheme]

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

[conbinidesignco]

This reply has been marked as private.

[SeaTheme]

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

[conbinidesignco]

This reply has been marked as private.

[SeaTheme]

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

[SeaTheme]

This reply has been marked as private.

[conbinidesignco]

This reply has been marked as private.

[SeaTheme]

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

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

[conbinidesignco]

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

[SeaTheme]

1. Please refer to https://seatheme.net/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

[Author]

Posts