Quote CSS

Resolved mywebmaestro
(@mywebmaestro)

7 years, 2 months ago

I copied the CSS that manages the before and after quotes on the “Modern” template to add to the “Bold” template, but I can’t get them to display.

.testimonial-content p:before {
content: “\f10d”;
left: -56px;
top: 0;
}
.testimonial-content p:after {
content: “\f10e”;
right: -56px;
bottom: 0;
}
.testimonial-content p:before, .testimonial-content p:after {
font-family: “FontAwesome”;
color: #CDCDCD;
font-size: 36px;
font-style: normal;
line-height: 36px;
position: absolute;
width: 36px;
}

Is there any reason this shouldn’t work? If I switch the template, the quotes display fine.

Viewing 13 replies - 1 through 13 (of 13 total)

Miha
(@mplusb)

7 years, 2 months ago
Hello @mywebmaestro,

To display them please add the code like this:
```
.strong-view.bold .testimonial-content::before, .strong-view.bold .testimonial-content::after {
    font-family: FontAwesome;
    color: #CDCDCD;
    font-size: 36px;
    font-style: normal;
    line-height: 36px;
    position: absolute;
    width: 36px;
}
.strong-view.bold .testimonial-content::after {
    content: '\f10e';
    right: 30px;
    bottom: 0;
}
.strong-view.bold .testimonial-content::before {
    content: "\f10d";
    left: 30px;
    top: 0;
}
```
All the best,
Mihaela
Thread Starter mywebmaestro
(@mywebmaestro)

7 years, 2 months ago

I replaced it with the suggested css, but it still shows the blank boxes instead of the quotes. :-/ I thought it might be conflicting with the font awesome called in for use elsewhere in the theme (menu social icons) but that doesn’t seem to create a problem when I have the modern template selected for the testimonials so I don’t think it’s that.

Miha
(@mplusb)

7 years, 2 months ago

Hello @mywebmaestro,

Would you mind sharing your website’s url so I can take a look? The page with the testimonials more specifically.
The code above worked on my end using a WP default theme.

Thank you,
Mihaela

Thread Starter mywebmaestro
(@mywebmaestro)

7 years, 2 months ago

The website is not currently live. Is there a way I can get you access without posting it here publicly?

Miha
(@mplusb)

7 years, 2 months ago

Sure, please use our contact form here to do so.

Make sure to mention it is related to this ticket.

Thank you,
Mihaela

Thread Starter mywebmaestro
(@mywebmaestro)

7 years, 2 months ago

Just submitted on the form… thanks

Miha
(@mplusb)

7 years, 2 months ago

We did not receive your email, @mywebmaestro. Do you mind giving it another try?

In the meantime did you add the code above exactly like I sent it and it still did not work?
Could you please tell me what theme are you using so I can install it and test this out.

All the best,
Mihaela

Thread Starter mywebmaestro
(@mywebmaestro)

7 years, 2 months ago

I’ve submitted it again… got “Your form has been successfully submitted.” (Though I noticed the “honeypot” field was showing a border… not sure if the form is broken there or not.

Thread Starter mywebmaestro
(@mywebmaestro)

7 years, 2 months ago

Hm… now they are *sometimes* appearing. Usually when I open up Beaver Builder they show, and when I close it, but not then if I reload the page. I’ve tried deactivating plugins to see if I can find a conflict, but no luck. It would seem *something* is conflicting, but I’m not finding anything in the console so far.

Thread Starter mywebmaestro
(@mywebmaestro)

7 years, 2 months ago

I switched from showing a standard view to using a slideshow, and they seem to appear consistently for that view. Still unsure what the problem is but I’m going to go with this for now. Thank you for your time.

Miha
(@mplusb)

7 years, 2 months ago

Thank you for letting us know, @mywebmaestro!
izricketts
(@izricketts)

7 years, 2 months ago
Hi there

Curiously I have the same issue – the quote marks show up in slider mode but not in masonry mode … when that happens I get the blank boxes. If its any help, I’m using Divi as a builder.

It would be great if you could take a quick look please my staging site is at: http://strawberries-staging-co-uk.stackstaging.com/testimonials/

thanks
- This reply was modified 7 years, 2 months ago by izricketts. Reason: wanted follow up on email!
izricketts
(@izricketts)

7 years, 2 months ago

Ignore request – I have done it a different way now

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Quote CSS’ is closed to new replies.