Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 11, 2019 at 3:49 pm #1052774
    diefleischerei

    hello. i want to make the image bigger here: https://imgur.com/a/UCdqVXa i try to set the arrow to the middle, make the picture double in size an set the name under the image.

    can you help me with the code. this do not work fine. Thanks.

    /*Kundenmeinungen größer*/
    #top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
    width: 180px;
    height: 180px;
    float: none;
    }
    #top .av-large-testimonial-slider .avia-testimonial-meta-mini {
    float: none;
    text-align: center;
    }

    January 11, 2019 at 6:57 pm #1052848
    Victoria

    Hey diefleischerei,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width:767px){
    .avia-testimonial-meta-mini {
        padding-top: 6.2em;
    }
    .avia-slider-testimonials .avia-testimonial-meta .avia-testimonial-image {
        margin: 0 25px 0 25px;
        width: 180px;
        height: 180px;
    }

}
@media only screen and (max-width:479px){
    .avia-slider-testimonials .avia-testimonial-meta {
        width: 75vw;
        margin: 10px auto;
    }
}
@media only screen and (min-width: 480px) and (max-width:767px){
    .avia-slider-testimonials .avia-testimonial-meta {
        width: 45vw;
        margin: 10px auto;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 11, 2019 at 8:31 pm #1052883
    metamorph-gr

    Hello,

    Why the width of an image (widget) on the sidebar is not the same with the width of the sidebar.
    It is smaller and it looks non-aligned from the right edge of the sidebar.

    How can we fix it?

    Thank you in advance
    Tris

    January 11, 2019 at 8:47 pm #1052893
    Victoria

    Hi metamorph-gr,

    Please start a separate thread, describe your issue there and give us a link to your website.

    Your issue seems very unrelated to this.

    Best regards,
    Victoria

    January 11, 2019 at 11:17 pm #1052934
    diefleischerei

    Thank you Victoria. I added the code to the quick css field but there is no effect.

    i transfered all my custom css from style.css to the quick css field. Mike from you team told me this will be the best way to get the code working. alternative i could keep the code in the style.css and paste a blank space in the quick css field and save it.

    so will it be the best way for the future to keep all the code in the quick css field or should i move all code to themes/enfold/css/custom.css (here i can get big troubles with updates because is not the child theme.) thanks and sorry for the englsh :) :) cheers, alex

    January 14, 2019 at 1:14 pm #1053657
    Victoria

    Hi diefleischerei,

    You can keep all the code in Quick css. It’s not a problem and the code will not be lost.

    Best regards,
    Victoria

    January 17, 2019 at 10:48 pm #1055229
    diefleischerei

    Hey Victoria, the custom code do not work. Sorry.

    January 17, 2019 at 10:52 pm #1055236
    diefleischerei

    Yes, i want this effect on all screen sizes. and is there a way to put the text under the image: https://imgur.com/a/4vV7qHb

    Thank you very much, Alex

    January 19, 2019 at 4:34 pm #1055884
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - */

@media only screen and (max-width: 767px) {
#top .avia-testimonial-meta-mini {
    padding-top: 10px !important;
    clear: both;
    text-align: center;
}}

    Best regards,
    Vinay

    January 23, 2019 at 2:24 pm #1057739
    diefleischerei

    Hey guys. Thanks.

    I added your code. my css look like this:

    /* Kundenkommentar verändern- Bildgröße und Positionen */
@media only screen and (max-width:767px){
    .avia-testimonial-meta-mini {
        padding-top: 6.2em;
    }
    .avia-slider-testimonials .avia-testimonial-meta .avia-testimonial-image {
        margin: 0 25px 0 25px;
        width: 180px;
        height: 180px;
    }

}
@media only screen and (max-width:479px){
    .avia-slider-testimonials .avia-testimonial-meta {
        width: 75vw;
        margin: 10px auto;
    }
}
@media only screen and (min-width: 480px) and (max-width:767px){
    .avia-slider-testimonials .avia-testimonial-meta {
        width: 45vw;
        margin: 10px auto;
    }
}

@media only screen and (max-width: 767px) {
#top .avia-testimonial-meta-mini {
    padding-top: 10px !important;
    clear: both;
    text-align: center;
}}

    But i do not get the effect :(

    January 24, 2019 at 3:17 pm #1058182
    Victoria

    Hi diefleischerei,

    The code above works for screens sizes up to 767px, you need to add the code for other screen sizes.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.