Search Results for 'css'

[Harry]

Hi,

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

.page-head {
	padding: 25px 0;
}

and change 25 with your number.

2. you can remove menu badge by go to Menu and remove class http://janstudio.net/claue/document/#menu-badge

if you want change color please add below code

.jas-menu li.new > a:after {
	background: #01bad4;
}

and change #01bad4 with your color.

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 Claue > Theme Option > General Layout > Custom CSS

.header__top .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.center-md.end-sm {
	width: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.header__top .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.start-md.start-sm,
.header__top .jas-col-md-4.jas-col-sm-2.jas-col-xs-12.end-md.hidden-sm {
	display: none;
}

Kind regards

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

[Harry]

Hi Tom,

Please 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.1 to 1.0

or change code to

.page-head::before {
	background: none;
}

to remove the overlay.

Kind regards

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

[netmined]

Hi Harry,

Thank you for the fixes. By the way, as we mentioned once before, we still have active support for another month. We purchased two licenses and extended the support at least twice since then. We’ve been paying for over 2 years of support now. Please see the attached screenshot from our account.

Regarding the fixes, thank you, most of them have worked.

We still have the problem with the size of the currency switcher box. There was previously code loaded into the custom CSS which reduced the size so not sure if this is now causing a conflict but regardless, it has stopped working. Could you please advise how we can adjust that css and fix this.

Many thanks again.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

The issue cause by the css you added.

Please remove the css

.product-image .product-btn .button {
	margin-top: 160px !important;
}

Kind regards

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

[Harry]

Hi Rahim,

1. Please replace file rtl.css in claue > assets > css > rtl.css

2. I see this code override default https://prnt.sc/s6v9mf please remove colspan=”2″

3. Please add more code

.woocommerce-form-login .clear {
	clear: both;
}

Kind regards

Attachments:

You must be logged in to view attached files.

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

[Rahim]

Harry,

I couldn’t even create a new topic without linking the print screen app.

I made this:

Harry,

Please check this product of me: https://look.ir/uRLec

In the review section, the email should come next to the name.
When you add this product to the cart and go to the cart page, the shipping fee section’s width needs to fix
When you go to the checkout page and want to use the feature of logging into the existing account, the remember password section and checkbox needs to fix.
All of these are not coming from my custom CSS.

Thank you.

Attachments:

You must be logged in to view attached files.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi,

1. Please try clear cache of browser. I check your site and see the font still load

2.3. The update of plugin WOOCS change class of element, please add more code to override style of plugin to Claue > Theme Option > General Layout > Custom CSS

.chosen-container-single .chosen-single div b {
	display: none !important;
}
.chosen-container-single .chosen-single {
	border: none !important;
	background: none !important;
}
.product-title.pr.fs__14.mg__0.fwm,
span.price {
	font-size: 16px;
}
.demo_store {
	bottom: auto;
	top: 0;
}
.demo_store a {
	float: none;
}
@media only screen and (max-width: 736px) {
.demo_store {
	bottom: 0;
	top: auto;
}
.demo_store a {
	padding: 0.5em 1em;
}}

Kind regards

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

[netmined]

Hi Harry,

Hope you are keeping well.

We need your help with a couple of issues that have popped up.

1.We’ve just updated the theme and WordPress (but not Woocommerce as we are waiting until some of the other critical plugins have caught up) on our live site to the latest versions. Following the update, a few stylistic things have broken. The font we selected – Marcellus – is no longer loading, the product prices appear different and much smaller and some of the custom css tweaks also no longer work, such as the size of the WOOCS currency switcher box (the css for this is in the Claue custom css box). Could you please advise what’s causing this and how to fix it?

2.We have set up a store notice announcement on the home page. Is there any way to move this store notice ribbon to the top of the page rather than the bottom? Also, we set up a ‘Read more’ link in it to another page however the link button and text has moved to the end of the ribbon, right next to the ‘Dismiss’ button. When viewed on mobile the Dismiss box overlaps the Read More so it’s impossible for a user to be able to tap/click on it and actually get to the linked page. Can the link be moved to somewhere else on the line – like the end of the sentence maybe? And just a final thing, how can we change the colour of the store notice and the colour when you hover over the links?

Many thanks in advance for your help and reply.

 

[Harry]

Hi,

Please add below code to claue-child > functions.php

// show categories name and tags to archive page
function custom_before_title() {
    global $product;
    echo wc_get_product_category_list( $product->get_id(), ', ', '<span class="posted_in db">' . _n( 'Category:', 'Categories:', count( $product->get_category_ids() ), 'woocommerce' ) . ' ', '</span>' );
    echo wc_get_product_tag_list( $product->get_id(), ', ', '<span class="tagged_as db">' . _n( 'Tag:', 'Tags:', count( $product->get_tag_ids() ), 'woocommerce' ) . ' ', '</span>' );

}
add_action( 'woocommerce_after_shop_loop_item_title', 'custom_before_title', 5 );

// show product short description to archive page
function display_desc_in_product_archives() {
   the_excerpt();
}
add_action( 'woocommerce_after_shop_loop_item_title', 'display_desc_in_product_archives', 8 );

and below code to claue-child > style.css

.product-title.fwm {
	font-size: 16px;
	font-weight: 600;
}
.product-info p {margin-bottom: 0}

Kind regards

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