How to control/style the author text on the pull quotes?

Support
#1

Hi,

I can’t seem to control the author text.

Please help.

#2

Hi There,

Thanks for writing in! You can style them by adding a custom CSS rule into your page’s custom CSS area.

For example

.x-blockquote .x-cite {
    color: red;
    text-align: left;
}

Hope that helps.

#3

Thanks for that @mldarshana…

How would the code be if I want to have one of my specific
fonts (Typekit), using the SmallCaps and Old Style Figures
open feature functions of my kit?

#4

Hi,

You can add the font using this code

.x-blockquote .x-cite {
    font-family:"Hotel Open";
    text-transform: lowercase;
    color: red;
    text-align: left;
}

Change Hotel Open with your font.

Hope this helps.

#5

Thanks @paul.r

…and if I want SmallCaps in?

Like here:

Remember, I already added the above code in the Global CSS.

#6

Hi There,

You can add:

.class {
    text-transform: lowercase;
    font-variant: small-caps;
}

Hope it helps!

#7

Not working…

#8

Hi There,

Thanks for the clarification!

I believe you have the class name .class in your element? please check.
If the class name added to the element it should work, If that doesn’t help please help us providing your URL so that we can have a look.

Thanks

#9

@basanta, what you see above is what is in there.

What else must I do?

#10

Sent a secure note.

Please also check that my global CSS classes all work.

Thanks

#11

@paul.r, how do I access this if I’ve inserted the suggested code
in the Global CSS class? Should I add it in local CSS instead?

I did but still nothing…

Even changed it to this…

#12

Hi,

Can you provide us your site url.

Thanks

#13

Sent you a secure note.

#14

Hi There,

We are really sorry but can’t find the website URL in the secure note.
Can you please confirm it.

Thanks

#15

Sorry, sent it now.

#16

Hi,

To apply small cap to author text, you can add the code below in Theme Options > CSS

.x-blockquote .x-cite {
     color:red;
     text-align:left;
     font-family: "astoria",sans-serif;
     font-variant-caps: small-caps;
     -moz-font-feature-settings: "smcp"; 
    -webkit-font-feature-settings: "smcp";  
     font-feature-settings: "smcp";
}

Hope that helps

#17

Thanks, @paul.r, will try that.

#18

Let us know how it goes!

#19

Didn’t work:

#20

Hi there,

Please try this:

.x-quote-cite .x-quote-cite-text {
     color:red;
     text-align:left;
     font-family: "astoria",sans-serif;
     font-variant-caps: small-caps;
     -moz-font-feature-settings: "smcp"; 
    -webkit-font-feature-settings: "smcp";  
     font-feature-settings: "smcp";
}