Hi
Please add below css code in Claude -> Theme Option -> General -> Custom CSS
.jas-masonry .product-info {min-height: 66px;}
Best regards, Neo
Hi,
I checked your site it use plugin to translate not run real content in Arabic so it doesn’t use css for RTL layout and it doesn’t change main language or add any class to body html.
Could you ask plugin support to add a class to body and change class when user change language?
You can add below code to fix but it will affect to style in English and other language.
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
This banner appear when you have a product in your cart and you remove this product from cart.
You can change background and color by add custom css in Claue > Theme Option > General Layout > Custom CSS
.woocommerce-message {
background: #dff0d8;
border: 1px solid #d6e9c6;
color: #3c763d;
}
and change #dff0d8, #d6e9c6, color: #3c763d with your colors
Regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi Tekir,
1. Do you want to hide action icons on right corner ?
Please add this custom css code in child-theme
.header-5 .jas-action {
display: none;
}
2. Could you let me know the font family which you want to use ?
Best regards, Neo
Hi,
Sorry because the code still not correct, you can change prev code to
.jas-blog .jas-masonry .inside-thumb .post-title a,
.jas-blog .jas-masonry .inside-thumb a:not(.cg) { color: #4d5959;}
.jas-blog .inside-thumb .post-meta span:not(.cat) { display: none;}
article.post { margin-bottom: 60px;}
.jas-blog .post .post-thumbnail > a {
margin-bottom: 0;
max-width: 100%;
height: 300px;
overflow: hidden;
display: inline-block;
}
.jas-blog .post-thumbnail img {
width: auto;
min-height: 300px;
max-width: inherit;
}
.jas-blog .comments-link { display: none;}
.jas-blog .read-more.pr {
text-align: center;
display: inline-block;
padding: 5px 10px;
border: 1px solid;
}
.read-more:hover i {
opacity: 0;
right: 0;
}
2. If you want hide first
You have to switch editor to classic

and add custom css code
.jas-blog .post-content {
text-indent: -9999em;
}
.jas-blog .post-action {
border: none;
padding: 8px 20px;
text-align: center;
display: block;
text-indent: 0;
margin-top: -50px;
}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
You can add custom css to fix:
.woocommerce form.lost_reset_password .form-row-first,
.woocommerce form.lost_reset_password .form-row {
float: none;
width: 100%;
text-align: center;
}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hello,
I could not finish the blog because of some details that are wrong or missing. Actually I have the following CSS that you can check.
<span style=”color: #0000ff;”>.jas-blog .jas-masonry .inside-thumb {</span>
<span style=”color: #0000ff;”>left: 0;</span>
<span style=”color: #0000ff;”>right: 0;</span>
<span style=”color: #0000ff;”>bottom: 0;</span>
<span style=”color: #0000ff;”>padding: 20px 15px;</span>
<span style=”color: #0000ff;”>position: relative;</span>
<span style=”color: #0000ff;”>background: none;</span>
<span style=”color: #0000ff;”>color: #4d5959;</span>
<span style=”color: #0000ff;”>}</span>
<span style=”color: #0000ff;”>.jas-blog .jas-masonry .inside-thumb .post-title a, .jas-blog .jas-masonry .inside-thumb a:not(.cg) { color: #4d5959;}</span>
<span style=”color: #0000ff;”>.jas-blog .inside-thumb .post-meta span:not(.cat) { display: none;}</span>
<span style=”color: #0000ff;”>article.post { margin-bottom: 60px;}</span>
<span style=”color: #0000ff;”>.jas-blog .post .post-thumbnail {</span>
<span style=”color: #0000ff;”> margin-bottom: 0;</span>
<span style=”color: #0000ff;”> max-width: 100%;</span>
<span style=”color: #0000ff;”> height: 300px;</span>
<span style=”color: #0000ff;”> overflow: hidden;</span>
<span style=”color: #0000ff;”> display: inline-block;</span>
<span style=”color: #0000ff;”>}</span>
<span style=”color: #0000ff;”>.jas-blog .post-thumbnail img {</span>
<span style=”color: #0000ff;”> width: auto;</span>
<span style=”color: #0000ff;”> min-height: 300px;</span>
<span style=”color: #0000ff;”> max-width: inherit;</span>
<span style=”color: #0000ff;”>}</span>
<span style=”color: #0000ff;”>.jas-blog .post-action {</span>
<span style=”color: #0000ff;”>border: none;</span>
<span style=”color: #0000ff;”>padding: 8px 20px;</span>
<span style=”color: #0000ff;”>text-align: center;</span>
<span style=”color: #0000ff;”>display: block;</span>
<span style=”color: #0000ff;”>}</span>
<span style=”color: #0000ff;”>.jas-blog .read-more.pr {</span>
<span style=”color: #0000ff;”>text-align: center;</span>
<span style=”color: #0000ff;”>display: inline-block;</span>
<span style=”color: #0000ff;”>padding: 5px 10px;</span>
<span style=”color: #0000ff;”>border: 1px solid;</span>
<span style=”color: #0000ff;”>}</span>
The problems are (look attachments)
1- The first picture shows the situation before we added the entire CSS (only half). The idea was to delete only the two red circles (first sentences of text and comments) and have the pictures in the same size (which was solved).
What did not work was: The first sentence is still there and the comments too. I do not want the solution of adding a ”read more” in the text to make the sentences disappear.
2- In the second and third pic I noted that the “READ more” button is in the middle which is fine, but I still have the comments in the blog page. I do not want this button. Also I have the beginning of text and When I add the read more in the post is not fixed, I would like to have no text there and only the title.
3- When I upload the picture, the tittle disapears. I want the tittle underneath the picture together with a read more button and NO comments and NO beginning of text. Thanks



Hi;
We want our product’s brand displayed under the product title in the product detail page. Could we do this by adjusting somethings in the theme settings or CSS section?
Thank you!
Hi,
I installed the demo content on Gecko for the Vertical Slider. I can edit all the slides apart from the first one, can you advise me on how to change it? I tried to edit the page content via Visual Composer, but the image doesn’t appear to be anywhere. I then changed to ‘Classic Mode’, and replaced the image url (seen below) with my own, but that changed the entire page layout and I lost the full width element. The link for my DEV site is; http://be.lucailadesign.com
[jas_vertical_slide speed=”700″ navigation_position=”right” navigation=”true”][jas_vertical_slide_left][jas_vertical_slide_section]
Attachments:
You must be
logged in to view attached files.