Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 16, 2022 at 2:29 pm #1372774
    Monika

    Hello,

    for a new client I need to know how I can build Headlines which contains different styles.
    I like this example below..

    Scoll to “Une vision globale de votre stratégie digitale.”
    The dot is read, and one word is lighter and italic.

    How can I do this?

    Cheers
    Monika

    November 17, 2022 at 2:37 am #1372868
    Ismael

    Hey Monika,

    Thank you for the inquiry.

    You can insert span or any formatting elements (i, strong, small, em etc) with unique class names inside a heading tag to control the style of a word or a set of characters inside the heading.

    Examples:

    ===

    
<h1>The <i>quick</> brown fox jumps over the lazy <span class="av-classic-text-style">dog</span></h1>

    ===

    
<h2 class="av-unique-text-style">Lorem ipsum <em>dolor</em> sit amet, <strong>consectetuer</strong> adipiscing elit.</h2>

    The styling for the heading and formatting elements can look like this.

    .av-unique-text-style em {
    text-decoration: underline;
    font-style: italic;
}

.av-unique-text-style strong {
    text-decoration: line-through;;
    font-weight: 700;
}

    Best regards,
    Ismael

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