Search Results for 'css'

[numonday]

Hello,

 

My Shop banners on the theme fit for Mobile fine but on desktop and bigger screens they are being cut off.

 

Any idea of the ideal dimensions or some CSS that will make it fit not matter the screen size?

 

Thank you in advance,

 

M

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Alexey,

You can fix by add custom css in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {
.shop-top-sidebar .woocommerce {
min-width: inherit;
text-align: center;
}

.shop-top-sidebar .product-categories {
margin-left: 0;
}
}

Best regards

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

[Harry]

Hi,

1. You install claue-child.zip included in the package downloaded from ThemeForest via Appearance > Themes > Add New

2. Add below code to functions.php in claue-child

remove_action( 'woocommerce_single_product_summary', 'jas_claue_wc_add_extra_link_after_cart', 35 );
add_action( 'woocommerce_single_product_summary', 'jas_claue_wc_add_extra_link_after_cart', 20 );

3. Add below code to Dashboard > Claue > Theme Option > General Layout > Custom CSS

.extra-link a { color: #222;}

And change #222 with your color.

Best regards

And add below code to Dashboard

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

[ccastanedag]

Hello Devs:

I would like to do 2 things:

1. Move the size guide link to below the short description.
2. Be able to modify the CSS of that link to make it more visual.

Is it possible to do? I will appreciate some light on this.

Thanks for your time

 

 

 

 

[bestfitbybrazil]

Yith plugin is asking for CSS Class or ID for Theme if its not a Woocommerce Standard theme on frontend settings page.  Are the defaults ok? if not what are the corresponding classes

Product Container:  defalut is .products

Shop Pagination Container: default is nav.woocommerce-pagination

Result Count Container: default is .woocommerce-result-count

and

Scroll top anchor (only for mobiles): default is .yit-wcan-container

SEE ATTACHED

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

You can add the text by add custom code in Claue > Theme Option > General Layout > Custom CSS

.filter-trigger.mr__50::after {
	content: 'Refine';
	padding-left: 8px;
	font-family: Poppins, sans-serif;
	font-size: 18px;
}

Best regards

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

[Harry]

Hi Mauren,

Thank you for choosing our theme.

You can add below code in Claue > Theme Option > General Layout > Custom CSS to fix this issue

.jas-carousel { transition: inherit;}

Best regards

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

[Harry]

Hi ArtK Team,

1. You can use custom css in Claue > Theme Option > General Layout > Custom CSS

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.hot > a:after,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.sale > a:after,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.new > a:after {
position: absolute !important;
color: #fff !important;
font-size: 9px !important;
padding: 1px 7px 0 !important;
border-radius: 50px !important;
right: -28px !important;
top: -10px !important;
line-height: 16px !important;
font-family: Poppins;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu ul li.hot > a:after,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu ul li.sale > a:after,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu ul li.new > a:after {
right: -3px !important;
top: 5px !important;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.hot > a:after {
content: ‘Hot’ !important;
background: #ff3e11 !important;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.sale > a:after {
content: ‘Sale’ !important;
background: #ffa800 !important;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.new > a:after {
content: ‘New’ !important;
background: #01bad4 !important;
}

3. Please go to Max Mega Menu Settings > Menu Theme > Mega Menu > Second Level Menu Items and reduce font size to 16px.

Best regards

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

[Mas cosicas]

Hi,

2. I changed the URL like as you told me, but now in the menu my account don’t work the link. The new URL is

Seguimiento de tu pedido

3. Perfect

4. Please could you tell me a CSS or JavaScript code in order to chage it?

Thank you very much!!!

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Ana,

The child theme included in package you download from Envato.

You can install in Appearance > Themes > Add new (like you install core theme)

The custom code you can add in style.css

Best regards

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