Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 24, 2016 at 2:04 am #676719
    Dee007

    I wanted to change the look of the testimonials (default font and photo is super small)
    So I have added this to the quick css:

    .avia-testimonial-content {
    font-size: 20px !important;
    line-height: 30px;
    }
    .avia-testimonial-image {
    width: 140px;
    height: 140px;
    }

    But now the testimonials seem to be align to the left and not the center of the screen
    I have added borders just to see if I can understand why and it seems like there is a lot of “dead space” on the right of the text included within the Div – maybe that helps in any way?

    O- and while we are at it – can I set a background color to the entire testemonial (photo included) with round edges or am I getting carried away here?

    Thanks!!!

    P.S using http://localhost/ so no live website but did attach screenshot link in private content

    August 25, 2016 at 6:56 am #677362
    Rikard

    Hi Dee007,

    We need to be able to inspect the elements in question in order to give you accurate CSS, would you be able to upload the site to a live server maybe?

    Best regards,
    Rikard

    August 25, 2016 at 5:45 pm #677691
    Dee007

    Not at the moment no….
    didnt the screenshot help?

    August 25, 2016 at 11:01 pm #677826
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .av-large-testimonial-slider .avia-testimonial-content {
    text-align: center!important;
}

    Regards,
    Yigit

    August 26, 2016 at 2:19 am #677876
    Dee007

    Did not change anything….
    The “box” or whatever it is that stores the testimonial IS centred but both the photo and text seem to be aligned to the left within that, leaving a lot of “dead” space on the right.

    what did seem to change the placement of the text is this:
    #top .avia-testimonial-content {
    font-size: 20px !important;
    line-height: 30px;
    text-align: center!important;
    }

    BUT – this made the text centred in its own box, which looks strange AND the photo is still stuck on the right…
    Here is a screenshot
    In the Private Content you can see the page source

    Thanks
    D

    • This reply was modified 8 years, 2 months ago by Yigit.
    August 26, 2016 at 1:42 pm #678110
    Yigit

    Hi,

    Please try adding following code as well

    #top .av-large-testimonial-slider .avia-testimonial-content { clear: both; }

    If that too does not help, please post the link to your page when you launch it. Shooting in the dark does not make much sense :)

    Best regards,
    Yigit

    August 31, 2016 at 6:33 pm #680271
    Dee007

    This did nothing as well.
    But you were not all that clear about how to add it – should I delete anything? should I just add it on top of everything already there?
    And another thing, could you please clarify how making the site “live” helps you? you have my very detailed explanation, the screenshots, the page source, what else is missing?. I apologise if this might feel like a redundant question for you, It isn’t for me. I worked on other themes with other vendors, always on local host first) and no support ever needed my theme to be live…

    Looking forward to your explanation

    September 5, 2016 at 8:22 am #681976
    Ismael

    Hi,

    If we can see the page live, we’ll be able to inspect the element directly. What is the Testimonial Style? And did you put the element inside a column layout or a color section? We tested the initial css code in our installation but we can’t reproduce the issue. 

    .avia-testimonial-content {
font-size: 20px !important;
line-height: 30px;
}

.avia-slider-testimonials .avia-testimonial-meta .avia-testimonial-image {
width: 140px;
height: 140px;
}

    Screenshot: http://imgur.com/a/BkTFX

    Best regards,
    Ismael

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