Edit block author styling

[ariellevate]

Hi!
Im having a problem with a testimonial slider plugin. It seems to inherit the css from the block quote element of the pro theme. How can I edit the block quote author css? I want to make it smaller and neater. And I cannot be bothered to create a child theme with a separate css for this plugin, I´d rather just edit the look of the block theme element. Look at the testimonials on this site https://sheriffboblindsey.com somewhere mid page

[ruenel]

Hello There,

Thanks for posting in! The testimonials does not inherit anything. It has its own default css style. If you want to change the color and font style, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.eacs-testimonial-content .eacs-testimonial-text {
    font-style: normal;
    color: black;
}

span.eacs-testimonial-quote {
    color: black !important;
}

Hope this helps.

[ariellevate]

Hi!

Thanks for the quick reply.

Okay thats weird because when I add this custom CSS to the block quote element it changes. Or is it not the block quote element I am changing? And looks more like what I want it to look like except for the length and the styling of the author.

.post-type-archive-mec-events #main-content {width:250px; margin: 0 auto;}
blockquote {
font-family: inherit;
font-size: 14px;
font-style: italic;
max-width: 250px;

}

(see screenshot)

When I remove that and add the code you sent me here it reverts back to looking like a block quote, with big letters etc.

See screenshot:

@RueNel

Hello There,

Thanks for posting in! The testimonials does not inherit anything. It has its own default css style. If you want to change the color and font style, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.eacs-testimonial-content .eacs-testimonial-text {
    font-style: normal;
    color: black;
}

span.eacs-testimonial-quote {
    color: black !important;
}

Hope this helps.

[ariellevate]

Also a block quote I have on a different page changes when I alter that CSS which is not useful, so I guess I cannot just use the block quote css to make it look the way I want… See screenshot

[christopher]

Hi there,

The code that my colleague gave was for the Testimonial slider:

Now that I check your screenshots it seems that you are talking about the image below. Please add the CSS code below:

.testimonials-widget-testimonials blockquote {
    font-size: 12px;
    font-style: normal;
}

This will make the section below normal font and small:

And that will not have any effect on the manual blockquote element.

Thank you.

[ariellevate]

Thank you! that helped, any idea what I can put to have the same effect on the name, title etc below? The : Ariell RosenbladGraphic DesignerAriell´s designSanta Monica part?

[christopher]

Hi there,

You can use this code for that section:

.testimonials-widget-testimonial .credit span {
    font-size: 12px;
    color: black;
    display: inline-block;
    padding: 0 3px;
}

Kindly open up new threads for additional questions as it will help us to focus on each issue and give you a better support which you deserve. Having a long threads makes the maintaining job harder and also it will be harder for the other customers to find the correct information if they have similar issues. You are always welcomed to reply to this thread to follow up the same question.

Thank you.

[ariellevate]

Hi!
That helped too, thank you so much. I greatly appreciate your quick and accurate help and feedback, as a graphic designer I am using this theme for 99% of my web projects and you guys have helped me earn a lot of money from web projects. And a special thank you for helping me in this issue which includes an externally bought plugin. The authors of the plugin have still not responded to my request concerning the formatting.
This final question is not something you have to answer, only do so if you think it can improve your efficiency in customer service, (Maybe you can post an article), I know how to write css and format simple styling issues etc, and before contacting you I was using the cpanel file viewer and looking through the plugin folder and theme folder to see if I could find the css style sheet that was controlling the look of the testimonials plugin, also to see if the themes style sheet was preventing it from behaving like it should, I couldn’t really find where it was. If I knew where to look I could probably solve this myself. Where did you find the coding for this? How did you know it was .testimonials-widget-testimonial .credit span {? Did you inspect page source or? Is there some tool you are using that could be helpful for people who knows basic level css etc?

Anyways thank you so much for you help so far and any advice in the last matter would be a nice bonus and learning for me in how to deal with simple styling issues myself. Also say the word and I can create a separate post for this.

[christopher]

Hi there,

Thank you for your message and we are happy that we could be a help Actually, you do not need to access FTP to find every and each selector of a CSS. We use the cool tool of the Google Chrome Browser Developer Toolbar. There are lots of resources that you can learn about that tool but I suggest that you take a look at these two:

Finally, for the CSS itself I suggest that you always search things here:

https://www.w3schools.com/css/

Thank you.