Search Results for 'css'

[Harry]

Hi,

1. Please create a widget area on top of shop page and add filter to this widget area
2.  I’m sorry the text is long while the mobile screen width is narrow and the texts cropped
3. Please add below code to claue > theme option > general layout > custom CSS

.product-info.mt__15 {
text-align: center;
}

4. On the mobile we change product gallery to one row and user can swipe to view. If product has more images, user have to scroll down more to view content and add to cart button

5. Please download the attach file, unzip and copy code because the code format changed when i post in forum

6. You need customize header layout 1 by copy file layout-1.php in claue > header to claue-child > header and add a field to show logo

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

[Harry]

yes, i used only CSS.

We will update in future.

Thanks

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

[Harry]

Hi,

I added sample CSS in Claue > Theme Option > General Layout > Custom CSS

.swatch.is-label .swatch__list–item[data-variation=”080×150″]::before {
width: 32px;
height: 55px;
}
.swatch.is-label .swatch__list–item[data-variation=”080×300″]::before {
width: 32px;
height: 110px;
}

 

Please copy code and add more add you want.

Kind regards

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

[Harry]

Hi,

1. i checked your site on Chrome the field still work well https://tppr.me/KDlsG
2. I see you added custom CSS code in child theme https://tppr.me/7LYCc

Kind regards

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

[Harry]

Hi,

1. You can change color of title to black by add custom code to Claue > Theme Option > General Layout > Custom CSS

.page-head h1 {
color: #000;
margin-bottom: 0;
}

2. It need more customize code, you should hire a freelancer to help you do it.

Kind regards

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

[Harry]

Hi Maria,

Thank you for choose our theme.

1. For the pages you can change title for each page  when edit any page and scroll down to “Page Layout Option” https://tppr.me/YLeYE . For WooCommerce’s shop page you can change in Claue > Theme Option > WooCommerce > General Setting https://tppr.me/g02T3
2. You can change page title background by change page’s featured image https://tppr.me/rZXGQ
3. You can change size àn background color of page title by add custom CSS code in Claue > Theme Option > General Layout > Custom CSS

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

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

And increase or decrease 10 as your number, change 0,0,0 as RGB color and 0.5 as opacity from 0.0-1.0

4. You can change font style in Claue > Theme Option  > Typography. By default, have some browser support Helvetica not all browser support. If you want, you have to change it to webfont and customize css code

5. You can turn on categories in Appreance > Customize > WooCommerce >Product Catalog> https://tppr.me/qWffQ

And add sidebar in Claue > Theme Option  > WooCommerce > Product listing setting https://tppr.me/XM0oA

5. You can change category’s title and sub-title for products page by edit in dashboard> products > Categories https://tppr.me/u051o

6. To set image for menu you need a mega-menu to use it https://vi.wordpress.org/plugins/megamenu/

Kind regards

• This reply was modified 1 year, 6 months ago by Harry.
• This reply was modified 1 year, 6 months ago by Harry.

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

.swatch.is-label .swatch__value {
width: auto;
min-width: 24px;
border-radius: 5px;
}

.swatch.is-label .swatch__list–item {
border-radius: 5px;
padding: 2px 5px;
}

 

Kind regards

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

[Harry]

Hi Firo,

Thank you for choose our theme.

Please crop image like second image and add upload image title again, and after that add below code to Claue > Theme Option > General Layout > Custom CSS

.woocommerce-shop .page-head {
padding: 80px 0;
}

And increase 80px to your number.

Kind regards

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

[crazy_irene]

This reply has been marked as private.

[Harry]

Hi,

1. You can change button to  square by add custom below code to Claue > Theme Option > General Layout > Custom CSS

a.br__40 {border-radius: 0}

2. You can change color of button in Claue > Theme Option > Color Schema > Primary Color.

 

Kind regards

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