Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #866818

    Hi i tried this code without sucess:

    h1.product_title.entry_title { font-family: arial !important; }

    How can i change the font family? Font should be Poiret One

    Product title on the single product page.

    • This topic was modified 7 years, 1 month ago by simonac.
    #866957

    Hey simonac,

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Best regards,
    John Torvik

    #867000

    Hi John,

    the Website is under contruction.

    But it is the same product as you find in your demo here:

    I need to change the font family of this title.

    Thanks Simon

    #867113

    Hi,
    Try this code in the General Styling > Quick CSS field:

    h1.product_title.entry-title {font-family: 'Poiret One'!important; 
    }

    2017-10-21_162320

    Best regards,
    Mike

    #867186

    That worked. Thanks

    I have an & ampersand in the product title and would like to have it like the ampersand in the special heading.
    ( Little bit different style and color change.) How can i do that?

    Thanks

    #867204

    Hi,
    I didn’t find an example of a ampersand in a special heading in the link you gave us, but typically it is best to use the html code:

    &

    See A-Z HTML Codes
    You can change the color, font, and size by wrapping it with:

    <span class="mystyle"> &amp;  </span>

    then adding your style to your css:

    .mystyle { 
      color: #000; 
      font-family:arial; 
      font-size: 14px; 
    }

    Best regards,
    Mike

    #867217

    This did not work for the product title.

    Here is an example for am amp in the special heading:

    • This reply was modified 7 years, 1 month ago by simonac.
    #867233

    Hi,
    This is using this span class:

    <span class="special_amp">&amp</span>

    and this css:

    .special_amp {
        color: #c50045;
        font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif;
        font-style: italic;
        font-size: 1.3em;
        line-height: 0.5em;
        font-weight: normal;}

    You would need to have that font installed on your site as it is not a built in font.
    Please refer to this link http://wpsites.net/web-design/fonts-wordpress/
    or if you like to add a single font an alternate solution is to use a plugin like https://wordpress.org/plugins/use-any-font/

    Best regards,
    Mike

    #867249

    OK but i do not understand how i can have the amp of the product title like the one of the special heading.

    I want the normal amp of the roduct title to be a special_amp.

    #867765

    … i just put this in the product title area and it worked thanks!

    <span class="special_amp">&</span>

    • This reply was modified 7 years, 1 month ago by simonac.
    #867813

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Basilis

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Change Woocommerce product title font family’ is closed to new replies.