Search Results for 'css'

[Rahim]

Hi Harry,

I need some css help on my checkout page.

1- The email input field needs to get clear row.

It should come after billing mobile number.

It’s fine on mobile, but not in desktop : http://take.ms/kW2xC

2- Before inserting an address, there is a message to put your address to calculate shipping fee.

This also needs to get left text align : http://take.ms/GqX5O

3- I like to hide the drop down scroll on the left. I mean I want it to not have any scroll on any device. http://take.ms/GdT9A

3- after making an order, the custom drop down value. needs to get left text align on order details table.

just try to make a sample order to see the bug. no worries about the paymenet gateway. : http://take.ms/ZwOZ7

 

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Littlegents,

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

@media only screen and (max-width: 736px) {
.products.jas-masonry .jas-col-xs-12 {
width: 50%;
max-width: 50%;
flex-basis: 50%;
}}

Regards

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

[Harry]

Hi,

Thank you for choosing our theme.

1. Please follow this video to add Instagram Feed to your site https://www.youtube.com/watch?v=DAdDqnB-VGY&index=12&t=0s&list=PLcoRirCsO1emBrHDUvV7dksj_9fZjAYir

2. It now you choose full width layout. Please add below code to Claue > Theme Option > General Layout > Custom CSS to fix.

#jas-footer .jas-container {
	max-width: 1170px;
}

Regards

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

[Rahim]

Hi Harry,

In my cart page, the shipping calculator is disabled.

So when a customer comes to the website and add an item to the cart, he has two same prices fields with different names.

Total and Subtotal. As you know the subtotal is included with shipping price but for a visitor in the cart page there is no shipping at the moment.

Any solution?

Is there any function or css solution to hide subtotal?

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi,

You can reduce size of circle by add below code to Claue > Theme Option > General Layout > Custom CSS

.is-color .swatch__value {
	width: 16px;
	height: 16px;
	line-height: 18px;
}

Regards

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

[Rahim]

Harry,

I think it’s not a bad idea to make some check boxes for every header text ( center, right and left ) to make them available or not.

In some cases like mine that I have some elements in one header text making them comment is hard.

And using css is somehow advanced.

Check boxes for every header text will help all users.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Harry,

As I have some Persian sentences on my header text, I think hiding the element via css is much easier for me to hide it via making the html to comment.

Is this the right code for hiding that?

div.header__top.bgbl.pt__10.pb__10.pl__15.pr__15.fs__12 {
display: none;
}

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

The text in header is HTML so you can’t use CSS to comment.

You have to use HTML comment

<!-- <span>Your text</span> -->

Regards

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

[Rahim]

Hi Harry,

Is there any chance to make the header texts to the comment in the theme panel?

Right now, I have to delete the text or use css to hide it.

I tried ” /* */ ” in the text at the theme panel but not worked.

Any help?

Regards

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi,

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

.animated {
	-webkit-animation-fill-mode: initial !important;
	animation-fill-mode: initial !important;
}

2. Please add below code

@media only screen and (max-width: 736px) {
.vc_row.vc_custom_1489311011003,
.vc_row.vc_custom_1489311020067,
.vc_row.vc_custom_1489311032502 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}}

Regards

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