Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 18, 2014 at 2:25 pm #369946
    pixup

    Hi guys,

    I want to change the look of a block quote. Therefor I added these to the custom css:

    blockquote{
border:none;
padding:0;
}

blockquote::before{
font-family:"entypo";
content:"";
float: left;
font-size: 64px;
color:#333;
}

blockquote::after{
font-family:"entypo";
content:"";
float: right;
font-size: 64px;
color:#333;
}

    But something is wrong and I don’t get it. I just want to use the quote of the fontello font, which is already implemented.

    Can you help me out with that?

    Best regards,
    Theo

    December 18, 2014 at 9:30 pm #370220
    Elliott

    Hey pixup!

    It would be easiest to just use the iconbox shortcode. It already has similar styling to the testimonials.

    Otherwise send us a link and take a screenshot highlighting exactly what your trying to do so we can get a better idea.

    Regards,
    Elliott

    December 19, 2014 at 12:56 pm #370530
    pixup

    Hi Elliott,

    I need to use the testimonials. The function works great. Only need to change the styling.
    Normally when I use blockquotes, the enfold theme makes a borderline on the left side of the text.
    I need to change that with the quote icon.

    Screenshot

    December 19, 2014 at 9:29 pm #370771
    Elliott

    Hey!

    Try adding this to your custom CSS.

    .avia-testimonial-content:before {
    background: url("URL to your icon");
    content: "";
    display: block;
    height: 40px;
    position: absolute;
    width: 40px;
}

    And then replace “URL to your icon” with the url to whatever image you want to use.

    Best regards,
    Elliott

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