Search Results for 'css'

[Harry]

I help you changed text on slider to white.

Now you can change update code in Claue > Theme Option > General Layout > Custom CSS

Best regards

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

[Harry]

i have add the css you instructed me, but the first phrase i ask white color by the color do not change and keep gray.

How i change the color gray to white in the first phrases of the meta slider i have in the home page

 

 

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]

You can try autooptimize plugin, some css of 3rd party plugin when compress it have issue with WP Rocket.

Best regards

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

[Harry]

Dear FV,

2. For the text code in main banner you can follow our code

<div class="pr">
<div class="pa-center tc">
<h4 class="tu fs__14 cw fwb mg__0"><a class="cw" href="/gecko/fashion/shop">Street Style</a></h4>
<h3 class="tu fs__50 fwb"><a class="cw" href="/gecko/fashion/shop">Daily outfit collection</a></h3>
<a class="cw tu button-o-w" href="/gecko/fashion/shop">VIEW COLLECTION</a>
</div>
</div>

The text will fit with mobile if length of text like our demo.

2. You can add custom css in Theme Option

@media only screen and (max-width: 568px) {
.our-store {padding: 20px;}
.our-store p:first-child { letter-spacing: 0; line-height: 22px;}
}

Best regards

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

[Faizan]

1. This code will not work with new version of Gecko

What should I use now?

2. You can try this css

@media only screen and (max-width: 1100px) {

.jas-menu > li:not(:first-child) { margin-left: 12px; }

}
Seems like this fixed the issue

3. You can follow this screen

https://monosnap.com/file/f8WUMxQmcBunCnlyZRM6in3ouygY6T#

Did this, but the “Ship to a different address” form is still visible even if it’s unselected.

4. You need go to WooCommerce > Settings > Products > Display > Product Image > And change all dimension to square to match with your original image. after that go to Tools > Regenerate Thumb

Yet to try this

5. Sorry i still don’t understand your issue.

When I am logged in, one the single product page, the product page is like attachh2.png. When I log out, or see the same page through incognito, the product page is proper Like attach1.png.

In short, logged in users can see product page as attach2.png, while non logged in users can see the product page as attach1.png,

[Harry]

You can remove opacity overlay by add custom css

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

We will release update to have option to disable columns switcher in Claue > Theme Option > WooCommerce > Product Listing Settings > Enable Column Switcher > Off

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

[Harry]

1. You can hide on Shop this by go to Claue > Theme Option > WooCommerce > General Settings > Enable Page Title > Off
2. On category page you can add custom css Claue > Theme Option > General Layout > Custom CSS

.archive .page-head { display: none;}

Best regards

 

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

[Harry]

1. This code will not work with new version of Gecko

2. You can try this css

@media only screen and (max-width: 1100px) {

.jas-menu > li:not(:first-child) { margin-left: 12px; }

}

3. You can follow this screen

https://monosnap.com/file/f8WUMxQmcBunCnlyZRM6in3ouygY6T#

4. You need go to WooCommerce > Settings > Products > Display > Product Image > And change all dimension to square to match with your original image. after that go to Tools > Regenerate Thumb

5. Sorry i still don’t understand your issue.

 

 

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

[Harry]

Hi,

I checked your site on mobile and saw the banner work.

You can change css to

@media only screen and (max-width: 568px) {

.home .vc_row-o-full-height { min-height: inherit !important; padding: 50px 0 70px !important;}

.vc_row-o-full-height .pa-center .fs__14 span { font-size: 14pt !important;}

.vc_row-o-full-height .pa-center h3.fs__50 { font-size: 10pt !important;}

.pa-center h2, .pa-center h3 { margin: 0;}

}

The image banner on mobile same effect on desktop, it will resize as screen resolution, we can’t care 100% for all device resolution. We only make it better.

Best regards

 

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

[fourvibes]

1. I dont’t know why the CSS code changed beacuse I never do this action. What I was doing is changing the image inside row settings > general. Now I place the image, as you said, in design option and disabled paralax option.

1.1 Image it’s still cutted for both sides (left and right)
1.2 Now, when loading main image it makes a little “zoom” and then come to normal size. (link of the video: https://www.youtube.com/watch?v=RT5skD9QxTo)

2. Before trying more things, I followed all the steps you said and mobile version it’s still problematic, no good image escalation and text goes out of the screen.

I’m going to upload my setting so you can see them.

Sorry for the poblems and I hope it can be solved.

Attachments:

You must be logged in to view attached files.