Quote style & different font problems

Permalink Browser Info Environment

I would like to know where i can edit the quote style. I want to change the size and the font.
Besides, I have created different pages, and added the same font attributes in these pages. But when I open these pages in PC, the font is totally different. (And its not a problem in MAC) Do you know what's the problem cause this? How can i fix it?


Type: Pre-Sale
Status: In Progress
View Replies:
jordif replied on at Permalink Reply

to change the quote style, you'll need to go to Design -> Customize, and paste the following code into the "Custom CSS" field:

blockquote {
    font-size: 20px;
    font-family: "Pacifico";

You'll need to replace "20px" and "Pacifico" with the size and font family you want to use.

If you want to use a new font (that you're not already using via the Page Attributes), you'll need to load it from Google Fonts.

You see, when you enter the name of a Google Font through the Page Attributes, the font is automatically embedded. But if you plan to use a different font for the quotes, you'll need to embed it yourself. You'll simply need to follow these instructions:

1. Go to Google Fonts, select the font you want to use and click on the Quick Use button. In steps 1 and 2, change the settings if necessary. In step 3 ("Add this code to your website"), select the second tab (@import) and copy the code to the clipboard.

2. Go to your concrete5 website. In the theme customizer, under "Advanced", you'll find the "Custom CSS" option. Click on it and paste the code there. Make sure you paste it at the top of the text area. For example, the complete code to use "Oswald" for the quotes should look like this:

@import url(http://fonts.googleapis.com/css?family=Oswald);
blockquote {
    font-size: 20px;
    font-family: "Oswald";

As for the fonts in PC, can you send me a link to your website so I can have a look? Basically, you need to make sure you have entered the name of the Google Font correctly (as it appears on the Google Fonts website). Also, if you are using a font with different weights / styles, I'd recommend having a look at the documentation ("How to specify the style / weight for Google Fonts?"):



jonnytm replied on at Permalink Reply
Hi Jordi

Thank you for your reply.
The quote problem has been solved.

Regarding the font on PC, I did use different font style at the pages, and they have no problem at the main page(http://fitinminutes.ch.candela.sui-inter.net/index.php), only in the certain pages, such as
http://fitinminutes.ch.candela.sui-inter.net/index.php/Testimonials... andhttp://fitinminutes.ch.candela.sui-inter.net/index.php/EMS...
jordif replied on at Permalink Reply
Yes, I see, can you try entering the name of the font with the first character uppercase (Roboto instead of roboto).

I will be away from office from April 18th to April 26th. I will have very limited or no Internet access during this period.
I appreciate your patience and understanding if there is a delay in responding to new support tickets. I'll get back to you as quickly as possible once I'm back.

concrete5 Environment Information

Dashboard » System & Settings » Environment Information

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.112 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.