WordPress.org

Ready to get started?Download WordPress

Forums

Changing 1 line's font size (7 posts)

  1. ScottDrayton
    Member
    Posted 1 year ago #

    Hi sorry about this very simple question but I am a real amateur on WP.

    I am trying to change the font size of just one particular line on a page.

    Can you do this by going on 'text' rather than 'visual' when editing the page or do you have to do it with the CSS (which I'm trying to avoid as I will probably turn the website upside down or something).

    The link to my website is http://www.optimussourcing.com/about-us and I am trying to change the 'Our Values' line to make it slightly bigger than the rest of the text but small than the header.

    Thanks in advance for the help

  2. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Hve you been using the Text editor for this page up until now? If "yes", have you entered any markup into the editor or just plain content text?

  3. ScottDrayton
    Member
    Posted 1 year ago #

    Thanks for the quick reply.

    I am fairly new to the company so not sure what they have been doing until now.

    On the text editor it has this if this helps answer your question:

    <h2>About us</h2>
    Optimus Sourcing was set up in 2009 by two directors and they created the following values which underpin everything they do.

    <span style="color: #000000;"><b>Our Values</b></span>

    <span style="color: #0587cd;"><b>Always Learning</b></span> – we are committed to and always invest in lifelong learning and

    the pursuit of continuous improvement.

    <span style="color: #0587cd;"><b>Client Focused</b> </span>– we place our clients at the heart of everything we do and are able to provide high levels of customer contact.

    <span style="color: #0587cd;"><b>Responsibility</b></span> – we are accountable for everything we do.

    <span style="color: #0587cd;"><b>Doing things right first time</b></span>– we strive for high quality work all of the time.

    <span style="color: #0587cd;"><b>Enjoyment</b></span> – we love working in Learning and Development and helping you to make a difference.

  4. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    OK. Whatever you do, do NOT edit this post in the Visual editor. Any attempt to do so may wipe out all of that markup/styling. Frankly, there are far better ways to implement all of that styling but, since you're stuck with it (and the alternative wouldn't be a simple fix), you're probably best adding your new CSS via inline styling using <span></span> - as the previous editors have done.

  5. ScottDrayton
    Member
    Posted 1 year ago #

    Ok thanks for warning me.
    So to change the size of the 'Our Values' line where would I put the new <span></span> line?
    Sorry - I really am new to all of this

  6. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Add the new CSS inside the existing <span></span> on that line.

  7. ScottDrayton
    Member
    Posted 1 year ago #

    I think I have to make all the sizes bigger not just 1. I put
    font-size: 2.3em inside the span thing but it hasn't done anything to it. May well just leave it as it is - its not too bad

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags