Search Results for 'css'

[Harry]

Hi Nina,

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

.single-product .woocommerce-message {
	display: none;
}

2. I’m sorry the extra option will not show in quickshop

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

html[lang="fr-FR"] .jas-menu li.hot > a:after {
	content: 'Hot';
	background: #ff3e11;
}
html[lang="fr-FR"] .jas-menu li.sale > a {
	color: #ec0101;
}
html[lang="fr-FR"] .jas-menu li.sale > a:after {
	content: 'Sale';
	background: #ffa800;
}
html[lang="fr-FR"] .jas-menu li.new > a:after {
	content: 'New';
	background: #01bad4;
}

and change text, background color as you want

4. Please change in Loco > Plugins > WooCommerce and change number of product show in Claue > THeme Optoin > WooCommerce > Product Listing Settings > Number of product per page

And go to Widgets > WooComerce Filter Sidebar to change the text

5. Please go to WITH > Popup > Settings and show on only homepage.

Kind regards

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

[Harry]

Please add below code to Claue > Theme Option > General Layout > Custom CSS to fix first issue. The second issue i don’t see

#jas-wrapper {
	overflow-x: initial;
}

Kind regards

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

[Harry]

Hi,

1. It now only use Custom CSS to change color please add below code

.page-head::before {
	background: none;
}
.page-head h1 {color: #fff;}

and change #fff to your color

2. On demo 5 the big image is 1920 x 650 and 3 small images are 600×400

3. Please change order of product to Acsending https://prnt.sc/shyapq

4. please add thumbnail size for blog section https://prnt.sc/shybww and add custom code to remove date
and author

.post-info span {display: none;}

5. Please add code

target=”_blank” to next to href link https://prnt.sc/shye4w don’t use css for it

6. I’m sorry the widget not support show only comment

7, Please go to Widgets > WooCommerce Categories Menu Sidebar and remove widget

8. Please add custom CSS code

.product_meta {
	display: none;
}

9. Please use plugin Loco > Theme > Claue > create new language English-US and change the text as you want http://support.janstudio.net/forums/topic/theme-translation/

10. We recommend use Blog normal without page builder we create the Blog Standard only for demo

11. You don’t need element, just copy short code and insert to any editor.

12. If you use just title and text don’t use PageBuilder just use Classic Editor. When we create demo we duplicate content and edit not build from scratch.

Btw, please split your questions to 3-4 questions per reply. We tired to check a long list of question because we have to scroll more time to check your question and sometimes we will miss your one of all.

Kind regards

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

[Harry]

Hi Netmind,

1,2. Please enable plugin WPA WooCommerce Variation Swatches and follow our document http://janstudio.net/claue/document/#create-attributes and http://janstudio.net/claue/document/#create-product-color-swatches

3. Please create new page and add below short code to content of page https://prnt.sc/shxofy

[woocommerce_order_tracking]

4. Please add class “shop_table_responsive” for table https://prnt.sc/shy2jd

5. Please use only in Theme Option > General Layout > Custom CSS to easy manage code

6. It now you still can use Gutenburg for your site, let me know if you have any issue.

Kind regards

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

[Harry]

Hi,

I see you add custom CSS in Appearance > Customize > Additional CSS

input:not([type="submit"]):not([type="checkbox"]), textarea, select {
	width: 100% !important;
}

Please remove this CSS or if you override any element please add parent CSS class

Kind regards

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

[netmined]

Hi Harry,

We are finishing the set up for our second store on Claue and need your help with some features. With this one, we downloaded all of the demo (except images) and we would like to try setting it up based on the look of Home Page 5.

We have gone through the demo and document and figured many things out ourselves but here is what we still need your help with:

– On the page title, how do we get rid of the grey band of colour behind the title and make it transparent? And how can we change the colour of the page title? Can we do this ourselves without custom CSS code? Please let us know which fields we need to change.

– We have home page 5 loaded from the demo. Below the first main slide, there are three smaller rectangle images and then three larger images below that. Could you please advise what pixel size the smaller and larger images are which you are using in the demo? (we didn’t import the images so we can’t see it)

– Below this, in the ‘Our Products’ section, how do we get the correct products to be visible in the right categories – “Best Seller”, “Featured”, “Sale”? For example, we have a product which we loaded which is in the ‘sale’ category, but it doesn’t appear here. Also, the products ‘featured’ in woocommerce do not appear in the featured section here. And finally, the ‘Top Rated’ product feed is meant to be for the products with the best reviews, right? We set up a product with a 5 star review but it also doesn’t appear there. Can you advise on how to load up the correct product feeds?

– In the blog feed on the home page, we have loaded up a test post however the picture is cut off and smaller than the dummy image containers next to it. Could you please advise what pixel size the container should be? Also, how can we remove the “by Admin” and the date from the blog posts?

– In the footer, we used the code that was loaded up for the social share buttons (FB and Insta) in the demo. How can we make these links open on a new tab? Normally in the past we were able to add some css code to do this ourselves but the code that’s already there is a bit different to what we’re used to.

– Below the social shares in the footer, we have set up a widget to display reviews. Currently it displays a thumbnail of the product as well as the name of the product and user. We need it to display just the comment (or a part of it if it is too long), no picture and the number of stars. How can we tweak it to do this? (we did try the comments widget but this did not display the number of stars and still also showed the name of the user

– For some reason, the shop page now displays two menus on top – the home menu as well as a separate categories menu. Why is this and how can we remove this?

– How do we remove the SKU and categories tags from the product listings?

– We need to tweak the name of the “Delivery and Return” box on the product detail page – it should read “Delivery and Returns” – how/where can we change this? (we don’t care what it’s called in the back end, just to change it to be correct on the front end)

– On the backend, there are two blog pages created – both with WP Page Builder. Why are there two and what’s the difference between them? (It seems that the ‘Blog’ page is the normal default one which also feeds into the home page blog feed. So what is the ‘Blog standard’ page for and where does it show up?

– Instagram feed. We would like to be able to set this up as per the new rules which you published. We want to set it up on the home page and also on the sidebar. Do we need to download Elementor to be able to make that new instagram feed plugin work? Basically, we just want to be able get our feed displayed in exactly the same way as the demo. Could you please let us know if there are some specific pixel or height/width requirements for this?

– And finally, we noticed that in the demo, WP Page Builder was also used even for pages which had basic text only – no special columns or anything else. So we know for future when we need to create text only pages, any reason why you created this through Page Builder rather than just direct in WordPress?

Many thanks in advance for your help, much appreciate it.

[netmined]

Hi Harry,

When we set up this site, we didn’t import all of the demo or set up some of the addon/extra plugins. Now we would like to be able to add certain features and we would like to ask for your help with how to set some of these up.

– Sizes on products as buttons instead of a dropdown list. We would like to be able to have the size options as buttons but currently, even though we do have the Claue Addons plugin active, this does not come up as an option under Products – Attributes. Could you please advise how we can fix this?

– Setting up product image swatches. We would also like to be able to set these up. Is this through the Pin Maker plugin? Is there some kind of manual or document on how to do this? Could you please send us a link to one or let us know how to do this?

– How do we set up the order tracking as per the demo. And how does it work – what does it link to? Is it that we need to add a link to some universal 3rd party shipping tracking page like 17track and the customer is taken to this page or is there already some backend tracking website loaded up which executes the search? Please let us know how to set up the backend so it tracks orders properly.

– On our Shipping and Delivery page, we have very basic table inserted into the page to show the delivery timeframes per region. This works on desktop but is not completely mobile friendly so we would like to change this to the type of table you have in Shipping and Delivery page of the demo. How do we create this with Page Builder? Could you give us some of the basic settings to make sure that the table we create is responsive?

– Custom CSS fields. We notice that on top of the custom CSS field under the Claue tab, there is also an ‘additional CSS’ field in the Customise tab. Is there any difference to which place any custom CSS should go?

And finally, will you be working on making the theme Gutenberg ready or have you decided not to do this?

Many thanks in advance for your help.

[Harry]

Hi Nina,

1. For “SALE” please go to Loco > Theme > Claue but “SOLD OUT” the text so long, please add below code to Claue > Theme Option > General Layout > Custom CSS

.badge .sold-out {
	background: #999;
	width: 90px;
	height: 24px;
}

and change 90, 24 to your number and #999 with your color code

to change background of New and Sale please go to Theme Option > Color Scheme > Product Badge Color

8/10/ Please go to Loco > plugin > woocommerce > edit template > sync > save and back to translate and try again.

11. I help you adjust the footer left.

Kind regards

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

[Harry]

Hi Nina,

1. When you add sale price https://prnt.sc/sersdv for product it will show show “SALE” badge. When product Out of stock https://prnt.sc/sersqf it will show “SOLD OUT” badge Please add below code to increase the size of New badge in Claue > Theme Option > General Layout > Custom CSS

.badge span {
	width: 94px;
}

De
4. Please go to Loco > Plugin > WooCommerce. To setup Delivery please go to WooCommerce > Settings > Shipping

6. Please to go Loco > Plugin > WooCommerce

8,10. Please send me admin account and check in “Set as private reply” we need more check before help you.

Kind regards

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

[Harry]

Hi Anonim,

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

.woocommerce-product-details__short-description {
	display: none;
}

Kind regards

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