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.
This reply has been marked as private.
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
You can change by add custom css
.product-image .product-attr { color: #fff;}
and change #fff with your color
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi, Rene’
1. I help you change order of tab make sure all products have tab name “English”
2. You can use custom css code below
.wc-tabs li a {
padding: 5px 11px 5px 14px;
display: inline-block;
}
.wc-tabs li.active a {
background: #E2E8F2;
}
Best regards and have a nice weekend!
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
1.maYou can add custom css in Claue > Theme Option > General Layout > Custom CSS to fix
@media only screen and (max-width: 1024px) {.btn-quickview{text-indent: 999em;}.btn-quickview:hover {background: none !important;}}
2. For the alert text it in javascript, it now doesn’t support translate. we will find a solution to translate later.
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
You can fix by add custom css
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
float: right;
}
#mega-menu-wrap-primary-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link {
text-align: right;
}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
HI Harry
all is going on step by step….
is it possible to set the ENGLISH -TAB in front of the adding information tab?
How i have to set there the special css style how you wrote me to the tabs to make the size bigger and give the active one a color blue?
How can i set in the custom tabs also the blue background?
Thanks so much and best regards.
René
At moment I am working in the product “Teufelsfackel size L” to test all options.

Hi,
You can use this css
@media only screen and (max-width: 736px) { .jas-action > a.db.hidden-xs { display: none;} }
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio