Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 20, 2017 at 6:46 pm #866818
    simonac

    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, 2 months ago by simonac.
    October 21, 2017 at 5:36 am #866957
    John Torvik

    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

    October 21, 2017 at 11:05 am #867000
    simonac

    Hi John,

    the Website is under contruction.

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

    Blue Blouse

    I need to change the font family of this title.

    Thanks Simon

    October 21, 2017 at 10:24 pm #867113
    Mike

    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

    October 22, 2017 at 12:53 pm #867186
    simonac

    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

    October 22, 2017 at 4:31 pm #867204
    Mike

    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

    October 22, 2017 at 5:12 pm #867217
    simonac

    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, 2 months ago by simonac.
    October 22, 2017 at 6:00 pm #867233
    Mike

    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

    October 22, 2017 at 6:29 pm #867249
    simonac

    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.

    October 23, 2017 at 5:56 pm #867765
    simonac

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

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

    • This reply was modified 7 years, 2 months ago by simonac.
    October 23, 2017 at 8:16 pm #867813
    Basilis

    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

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