Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 21, 2015 at 6:41 am #447588
    strengthcoaching

    Making the best I can…

    How do I…?
    1. Change font inside of element (ex. inside text block)
    2. Create line breaks in Descriptions of elements and in text blocks. Ex. italics is
    3. Adjust sidebar element spacing. If you look at my current site http://www.strengthinnumberscoaching.com/test you’ll see on the right there is a huge gap between the search bar and the newsletter image.

    To be continued…

    May 21, 2015 at 10:01 am #447643
    begrafiks

    Hi strengthcoaching ;
    # 1 : You can chose a size for the bloc text as it’s shown :
    Text bloc

    # 3 : Add this code into your custom css file :

    .widget{padding: 5px 0 5px 0 !important;}
    May 21, 2015 at 4:04 pm #447785
    strengthcoaching

    1. Thanks! I should have been more specific. What about when I want to use mixed font sizes not change the font size for the WHOLE text block? That’s what I mean

    2. You didn’t answer this one. Create line breaks in Descriptions of elements and in text blocks. (Ex. italics is )

    3. That helps a lot thanks! If I ever wanted to adjust the spacing which number in that code do I change? I don’t understand why “5px 0” repeats twice.

    May 21, 2015 at 4:11 pm #447794
    Yigit

    Hi!

    1- You can wrap your text inside a span with custom class and then add following code to Quick CSS 

    .your-class { font-size: 20px; }

    2- Please use BR tag http://www.w3schools.com/tags/tag_br.asp
    3- 5px = top padding, 0 = right padding, 5px bottom padding, 0 left padding. Adjust as needed


    @begrafiks     thanks :)

    Best regards,
    Yigit

    May 21, 2015 at 4:32 pm #447814
    strengthcoaching

    1. Thanks. Sometimes though I want to do more than one thing with the text (underline and italic, just change font size in another situation, etc.). Also, I don’t know how to create a custom class. I’m not a coder. I just know basic html and what I can find on google. :)

    2. I’ve tried using that (per my basic html knowledge) and it’s not been successful. Hence why I asked. Is there another solution?

    3. Thanks for the clarification. Am I able to do half measures? (ex. 2.5px)

    May 21, 2015 at 6:19 pm #447908
    begrafiks

    Hi strengthcoaching ;
    In order to insert my own css classes I would type (or paste) my text in “Text” part of the bloc text.
    Then insert my classes (For Example ; “span”)
    The example with your page http://strengthinnumberscoaching.com/test/
    I’ve inserted :
    “my-big-text”
    “my-italic-text”
    “my-underline-text”
    one or two of theme. (By separting two (or more) classes you can have more ability to target

    And added into custom css file :

    .my-big-text{font-size: 20px !important;}
.my-italic-text{font-style: italic !important;}
.my-underline-text{text-decoration: underline !important;}

    See the image below
    Custom classes

    • This reply was modified 9 years, 7 months ago by begrafiks.
    May 22, 2015 at 3:00 am #448119
    strengthcoaching

    Wow, that’s a lot to soak in. I’ll have to focus on learning that. Thanks for the thorough explanation!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How do I…? – Part 3’ is closed to new replies.