Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 26, 2018 at 11:14 pm #1037840
    uychkinnear

    Hi

    Is there any way I can make the ampersand the same as the font I’m using. The demo I installed has a fancy looking one and I want to make it simple.
    The example is on this page in the header

    Parent/guardian hub

    cheers Kinnear

    November 27, 2018 at 1:11 am #1037872
    Jordan Shannon

    Hey uychkinnear,

    Please see the following for feasible solutions to this issue:

    https://stackoverflow.com/questions/46841254/apply-font-type-to-specific-html-symbol-entity-trade

    Best regards,
    Jordan Shannon

    November 27, 2018 at 1:28 am #1037876
    uychkinnear

    Hi,

    I’m just a design not very technical so can you please direct me to the right CSS to make this change. I did try to use the code you provided however it didn’t work. I must be doing something wrong.

    Your help is greatly appreciated

    Kinnear

    November 27, 2018 at 2:26 am #1037890
    Jordan Shannon

    Hi,

    Essentially, you have to give each ampersand that occurs on the site its own class and then style that class via css. Unfortunately this is something that must be done manually.

    Best regards,
    Jordan Shannon

    November 27, 2018 at 2:35 am #1037893
    uychkinnear

    Hi,

    I’m a little confused because I don’t want to have any styling for the ampersand I just want it to be the font I use for the headings which is Lato.

    The ampersand comes up the same no matter what font you’re using can it be changed for the ampersand to display as the same font as the text?

    cheers
    Kinnear

    November 27, 2018 at 3:28 am #1037898
    Jordan Shannon

    Hi,

    By styling I do mean changing the font. You can declare one character a specific font without giving its own class first.

    Best regards,
    Jordan Shannon

    November 27, 2018 at 4:17 am #1037906
    uychkinnear

    Hi
    As I said I’m not a web developer just a designer so I’m struggling with this. Can you please give me the steps to make the ampersand the same font as the text and not the fancy enlarged one that appears when you add this character, just like this ‘&’ (same as the font).

    Sorry, I thought this would just be some CSS to revert it back to the font being used, I didn’t think that this would be so complex.

    cheers Kinnear

    November 27, 2018 at 8:41 pm #1038189
    Victoria

    Hi Kinnear,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

.special_amp {
    font-family:  inherit;
     font-style: normal;
    font-size: inherit;
    font-weight: inherit;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 27, 2018 at 11:56 pm #1038289
    uychkinnear

    Thank you so much, it worked greatly appreciated

    November 28, 2018 at 5:27 pm #1038620
    Nikko

    Hi uychkinnear,

    Glad that Victoria helped you :)
    Let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.