Little CSS Help

[Rahim]

Hi Harry,

Hope you are doing very well. 🙂

Harry, via your help I reduced the inner space between banners in my homepage via giving a class to the all rows = banner-wrapper and adding this code:

.banner-wrapper .vc_column_container>.vc_column-inner {
padding-left: 5px !important;
padding-right: 5px !important;
}

Now I would like to have the same space which I think is 10px from the button and top.

I really appreciate your help.

Check Here: http://prntscr.com/m8enjx

Regards.

 

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

I need to do this with code, not using the page builder, because many of my site’s pages are duplicated from homepage and got customized, so it’s much easier via css.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please add below code

.product-category h2, .jas-banner h3 {
	bottom: 10px;
}
.product-category, .jas-banner {
	margin-bottom: 0;
}

Regards

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

[Rahim]

Hi Harry,

Thank you so much for the help.

Harry, the code works fine in the desktop and android phones, but it iphone, it looks like this : http://prntscr.com/m8gew4

This is android: http://prntscr.com/m8gg1i

I think you have iphone. can you please check it on your real device.

The cache of the site is already deleted.

regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please add more code

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */
.product-category, .jas-banner {
	margin-bottom: 10px;
} 
}

Regards

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

[Rahim]

Thank you Harry,

It’s all fine now.

Why is this happening?

Is this something wrong coming from my side?

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I dont know which cause issue. It cause by os of device.

Kind regards

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

[Rahim]

Harry wrote:

Hi Rahim, Please add below code

.product-category h2, .jas-banner h3 {
	bottom: 10px;
}
.product-category, .jas-banner {
	margin-bottom: 0;
}

Regards

Harry,

can this cause because you didn’t add px in the last line of the code?

I just saw that.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please try add px at the last line of code margin-bottom: 0px. I don’t think this cause the issue.

Kind regards

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

This reply has been marked as private.

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

[Rahim]

Hi Harry,

Thank you so much.

I recommend to include a text file in the theme with name ChangeLog

Any update has 3 functions in the files:

1- some files maybe deleted | 2-some files maybe added | 3- some files maybe edited.

If you include this changed files logs with their path, it’s much easier to update the theme via ftp.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry,

After the theme update, in the email of completed order of a variable product, this has been added. for customer and admin. http://prntscr.com/mafzz5

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Thank you for report bug, we will check and fix.

Kind regards

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

[Rahim]

Hi Harry,

The term view details in the quick shop button pop up, is not supported for translate.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

And I think it’s not a bad idea to add some Font Awesome to that like This

After view details

And remove the text decoration by default.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

1. Please go to Loco > theme > Claue > Your languages > Edit and click on Sync to translate http://prntscr.com/manoax

2. Thank for share.

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

[Rahim]

Hi Harry,

I did, but it says already sync with claue.pot

How can I fix this?

is this coming from Loco settings?

 

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please download and replace in claue > core > libraries > janstudio > language

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]

Hi Harry,

I did, no changes.

The size of the uploaded claue.pot was the same as previous one on the host.

I checked other languages and synced them but didn’t find view details

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I just go to Loco > theme > Claue > language > Edit > Sync and translate and it work

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

[Rahim]

Harry,

There was no problem on the syncing for other languages, the strings got update on other languages because they were not updated from long time age. the strings added to them and they got synced.

But for the Persian that I always update after the theme update, it says it is already synced.

And this happening from two versions ago that you added Sticky Header Logo in the theme settings. http://prntscr.com/mao2vq

I was not able to translate them from that time too because after syncing again, I cannot find them too like Backup

http://prntscr.com/mao43j

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

I should to tell you after syncing other languages, I still cannot find view details

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Harry,

I know it’s late there and perhaps you are resting so I hope to check this tomorrow when you get free. 🙂

The funny thing is that I am checking the claue.pot with PoEdit Software

And I am not also able to find view details in that too. https://prnt.sc/maoa8v

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I check again with claue.pot and see same issue like yours, can’t find “View Details” string.

When i go to Persian language and click on sync button and translate it still work well http://prntscr.com/mav6ak

So stranger 🙁 maybe it have issue with Loco plugin

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

[Rahim]

Hi Harry,

Yeah. So strange!

Are you sure that the claue.pot which you are using to sync is the same with claue.pot in the theme folder?

I mean maybe you have updated your local but not in the theme folder!

If they are the same, please sync the pearsian language and save that then send the zip folder of .mo and po file.

I will replace them via ftp.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please download attach file.

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]

Thank you Harry,

I added these files to public_html/wp-content/languages/loco/themes and then translated the not found strings and now it’s working, but whenever I press sync these strings get removed again.

And I still believe that this problem comes from claue.pot because I checked that out of the WordPress and Loco translation (POEdit) and didn’t find the missing transtation strings on that like view details and Backup

Did you check the claue.pot that is working fine in the screenshot via the claue.pot in the update theme folder?

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please remove claue.pot and try translate with new .mo and .po file i sent you.

Kind regards

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

[Rahim]

Hi Harry,

Before deleting claue.pot I was able to fix the missing strings in Persian Language by uploading the .mo and .po file you gave me.

But after deleting claue.pot, other languages shows the missing strings after pressing the sync button. http://prntscr.com/mb3ely

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

I don’t understand why after click on sync button. On my dev site it still work well, i still can translate text “View details” after click sync.

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

[Rahim]

Rahim wrote:

Hi Harry, After the theme update, in the email of completed order of a variable product, this has been added. for customer and admin. http://prntscr.com/mafzz5 Regards.

Hi Harry,

Did you fix this issue?

Beside order email, I see that in the dashboard: http://prntscr.com/mhu0d9

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please delete plugin Product Bundle and re-install again.

Kind regards

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

[Rahim]

Harry wrote:

I don’t understand why after click on sync button. On my dev site it still work well, i still can translate text “View details” after click sync.

Hi Harry,

Did you have any translation fix in this version?

If you remember I had a sync problem with claue.pot

Now this issue is fix and after pressing the sync button, It becomes updates via claue.pot and I don’t loss any string like before. However all strings are translated by me and there is no pending but the issue like before doesn’t happen. http://prntscr.com/mlutre

As I remember you had 633 strings for the theme right?

Regards

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry,

After the update this problem has happened in the checkout page: http://prntscr.com/mlv3ap

Can you please check this issue on your end or try that with this product on my end?

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

1. I don’t understand the issue with loco translate

2. Please go to claue > style.css line 6026 and change code to

.woocommerce-checkout-review-order td.product-thumb {
	padding-right: 0;
}

Kind regards

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

[Rahim]

Hi Harry,

1- Loco is fine now, it had sync problem before, but it’s fine now.

2- As you said, I changed the style.css of Claue

Will you fix this issue for the next update or I should add this to my custom code?

Regards.

 

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

The code you add only work on RTL layout.

Please change back to

.woocommerce-checkout-review-order td.product-thumb {
padding-right: 0px;
}

and add below code to rtl.css

[dir="rtl"] .woocommerce-checkout-review-order td.product-thumb {
	padding-right: 15px;
}

Kind regards

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

[Rahim]

Hi Harry,

in style.css of calue,

The core code before all of these changes was:

.woocommerce-checkout-review-order .product-thumb {
padding-right: 0;
}

And now my code which you gave me is:

.woocommerce-checkout-review-order td.product-thumb {

padding-right: 0;

}

Which one should I change back?

Because the code you said change back is the current code that I edited

I should say the current code:

.woocommerce-checkout-review-order td.product-thumb {

padding-right: 0;

}

solved the problem.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please use the code

.woocommerce-checkout-review-order td.product-thumb {

padding-right: 0;

}

Kind regards

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

[Author]

Posts