New Landing How can we help? Themeforest Theme Support Dante Trying to change font family of blockquote3

Viewing 8 posts - 1 through 8 (of 8 total)
  • Posted in: Dante
  • #213433
    camind
    Member
    Post count: 228

    Hi guys,

    Trying to change the font family of blockquote3 as well as font weight. I tried doing this with custom css but seems not to work.

    Thanks

    #213445
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom css:

    .blockquote3 {
      font-family: Arial;
    }

    – Kyle

    #213536
    camind
    Member
    Post count: 228

    Yeah for some reason that doesn’t work. Already tried that…..that’s why i was asking.

    i even tried
    .full-width-text blockquote{
    font-family: arial;
    }

    didnt work.

    Thanks

    #213543
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    You will need to reference the added class blockquote3 that has been added to <blockquote>.

    As it contains a <strong> tag this is also overwriten, so you will need to set the family for that element:

    Ex:

    .blockquote3 {
        font-size: 20px!important;
        font-weight: 400!important;
        font-style: normal;
    }
    
    .blockquote3 strong {
       font-family: "Times New Roman", Times, serif;
    }
    

    Add this to your custom CSS, at the end to overwrite all other CSS.

    -David.

    #213551
    camind
    Member
    Post count: 228

    You are the man.

    So im trying to understand this. So since the Strong tag was added this turned the blockquote3 into a different class? so even when i was using custom css to change the blockquote3 font it didn’t do anything because that was no longer was the class that was controlling the font?

    sorry trying to learn so i don’t bother you guys as much.

    Thanks

    #213553
    David Martin – Support
    Moderator
    Post count: 20834

    Hey,

    No problem.

    The class blockquote3 was added to <blockquote>. So it looked like: <blockquote class="blockquote3">.

    The <strong> around the text already had inherited a CSS style, so that had to be specificly targeted and overridden using the selector .blockquote3 strong.

    Thanks,
    David.

    #213555
    camind
    Member
    Post count: 228

    Gotcha

    Thanks for explaining. 🙂 Makes sense

    #213564
    David Martin – Support
    Moderator
    Post count: 20834

    No problem, happy to help.
    David.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register