Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 6, 2014 at 12:49 am #346893
    GGLNetwork

    Hello –

    I know this is silly but every time I change the text type of one word in a text block it changes that whole paragraph. Is there a way to make just one word stand out?

    I tried fabricating this with the drop cap in the attached example, but you’ll see it doesn’t read right (would want the following text to align along the bottom, which is not how a drop cap works, obviously).

    And, it’d be great to highlight just some words within a paragraph – it won’t always be the first few words of a section.

    Thanks!

    November 6, 2014 at 2:54 pm #347096
    Günter

    Hey GGLNetwork!

    Thank you for using our theme.

    I’m not sure, if I got your question correct, but to outline special words in a textblock you can surround the text with a HTML Tag span, create a class for that span and define the styling for this class in custom.css or Enfold->Styles->QuickCSS field like:

    
<span class="your_unique_class_name">your text</span>

    And the CSS code (e.g.):

    
your_unique_class_name{
color: red !important;
font-weight: bold !important;
}

    I hope this will help you. Come back with any further questions.

    Best regards,
    Günter

    November 6, 2014 at 9:00 pm #347369
    GGLNetwork

    Hi Gunter,

    Thanks for your help. I think you understood my question, but I’m not sure. I tried to do what you said but must have done it wrong.

    1. I went into the Enfold Quick CSS field and entered:
    paragraphlargertext{
    color: green !important;
    font-weight: 36pt !important;
    }

    2. I went into the text block on the page and added:
    <span class=”paragraphlargertext”>Chicago Office of New Americans</span>
    to the beginning of the text while in the “visual” option (versus text option).
    **and is this the “HTML Tag Span” ?

    It just showed that in my text block once updated. If I have to “create a class” i don’t know how to do that.

    Thanks…

    B.

    November 7, 2014 at 11:33 am #347662
    Ismael

    Hi!

    The css code is incorrect. You forgot the dot. Make sure that you type the span tag on the Text or HTML mode of the editor.

    .paragraphlargertext{
color: green !important;
font-weight: 36pt !important;
}

    Cheers!
    Ismael

    November 7, 2014 at 5:27 pm #347806
    GGLNetwork

    You guys are the best! Thanks… silly little period.

    I did have to change it to “font-size” instead of “font-weight” just for anyone else reading this trying to make it bigger, not bolder.

    Thanks thanks thanks a million!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Various headings/sizes/colors of text in same text block’ is closed to new replies.