Home Forums Search Search Results for 'css'

Viewing 10 results - 2,301 through 2,310 (of 3,138 total)
  • Author
    Search Results
  • #12088

    In reply to: SHOP CATEGORIES FILTER

    Hi

    Please add below css code in Claude -> Theme Option -> General -> Custom CSS

    .jas-masonry .product-info {min-height: 66px;}

    Best regards, Neo

    #12076

    Hi,

    • what is the solution to the exclude of the mobile menu on “desktop” screen resolutions?
    • can we change the menu css on our own?

    best regards!

     

    #12074

    In reply to: Arabic lang problem

    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

    #12040

    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

    #11982

    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

    #11966

    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

    #11963

    In reply to: metaslider and layout

    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

    #11960

    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

    #11938
    tekir
    Participant

    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!

    #11883
    Carl Hestford
    Participant

    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.
Viewing 10 results - 2,301 through 2,310 (of 3,138 total)