Search Results for 'css'

[Harry]

Hi,

1. Please go to Appearance > Widgets > Footer#1 delete widget title

2. I help you corrected the code of form

<div class="signup-newsletter-form dib tc mb__15">
	<input type="email" class="input-text" name="EMAIL" placeholder="Tu correo electrónico" required /><input type="submit" class="submit-btn" value="Unirme" />
</div>
<p class="tc">
Únete a la lista y obtén un 10% en tu primera compra. Recibe noticias, ofertas y novedades.   
</p>

3,4. Please add below code to Claue > Theme Option > General Layout > Custom CSS

.mc4wp-form-basic .mc4wp-alert.mc4wp-success, 
.mc4wp-form-theme .mc4wp-alert.mc4wp-success {
	color: #468847;
}
.signup-newsletter-form input.submit-btn {
	background: #222;
}

And change #222, #468847 to your color.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

1. Please edit product and scroll down to Product Layout Option and increase number of day product show “New”badge

2. Please add below code to Claue > Theme Option > General Layout > Custom CSS

.product-title.fwm {
	font-weight: bold;
	font-size: 16px;
}
a.button.button-o-w {
	border-color: #fff;
	color: #fff;
	font-size: 18px;
	background: transparent;
}

And change #fff with your color and your number

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi Omer,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.jas-menu > li > ul, .jas-menu li ul.sub-menu .sub-column .sub-column {
	display: inherit;
	max-height: calc(100vh - 120px);
	overflow-y: scroll;
	list-style-type: none;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[walteratx5nu]

Hi Harry

I tried this, but top header is still showing with social icons in left part, see attachment.

Is there an additional CSS I can use to hide it?

Thanks for your help

Walter

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

2. please report the bug to plugin author at https://wordpress.org/support/plugin/yith-woocommerce-popup/ in English version has the bug too. Or you can temporary fix in Loco > plugin > yith popup > edit ES language find string and remove code https://prnt.sc/unm5dt

3. You can change color of button by add below code to Claue > Theme Option > General Layout > Custom CSS

.product-image .product-btn .button:hover {
	color: #fff;
	background: #222;
}
.shop-top-sidebar .widget ul li.current-cat > a {
	color: #56cfe1;
}

And change #222, #56cf61 to your color

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mousedomain]

This reply has been marked as private.

[Harry]

Hi Paolilla,

1. Please edit column wrap content and reduce padding number

2. Please go to Dashboard > Plugins > and update plugin YITH Popup

3. I’m sorry it not support, please check premium version feature at https://yithemes.com/themes/plugins/yith-woocommerce-popup/

4,5. In color scheme it not support change color of background overlay. You can change popup background in YITH > WC popup > Edit subscribe form > Layout > https://prnt.sc/un7qis

6. You can change by add below code to Claue > Theme Option > General Layout > Custom CSS

.page-head:before {
	background: rgba(0, 0, 0, 0.5);
}

And change 0,0,0 as RGB color and 0.5 as opacity from 0.0 to 1.0

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 1024px) and (min-width: 801px) {
.hidden-md.visible-sm.jas-col-sm-3.jas-col-xs-3 {
	display: none;
}
.header-4 .header__mid .jas-row .jas-col-md-9.jas-col-sm-6, .header-3 .header__mid .jas-row .jas-col-md-2.jas-col-sm-6 {
	flex-basis: 16.666%;
	max-width: 16.666%;
}
.jas-col-md-8.hidden-sm {
	display: block;
}
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi Virolucio,

Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 767px) {
.jas-col-md-3.jas-col-xs-12.first-md {
	order: -1;
}}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi Jacky,

The issue because you add padding top and padding bottom of and these value fixed while background cover content and when you view on mobile only the width decrease but the height still the same so you have to add code to decrease the height.

Please add below code to Claue > Theme Option > General layout > Custom CSS

@media only screen and (max-width: 767px) {
.vc_custom_1600637582830 {
	padding-top: 25vh !important;
	padding-bottom: 5vh !important;
}}

We recommend just change the background image. Don’t delete the row wrap hero banner and create new row.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio