Line Break text formatting problem

  • Having an issue when trying to put formatted text on the next line. This is what I want to do:

    LINE ONE (H1)
    LINE TWO (H3)
    empty space
    LINE FOUR (paragraph text)

    I can’t seem to get the first two lines to have independent formatting without putting a space between them. I’ve tried using the visual editor and also just putting the code in, similar to this:

    <h1>textone</h1></br>
    <h3>texttwo</h3>

    Am I doing this wrong??

Viewing 2 replies - 1 through 2 (of 2 total)

  • Yes, you are going about this the wrong way.
    What you don’t seem to appreciate is that the presentation / layout / display of your text is controlled by the css (Cascading Style Sheets) of your website.

    When your browser loads a page, it is given a list of css files to load, so that when for instance it is given a h1 block, it can lookup everything it needs to place it on the page, it knows the font and size, color, surrounding margins and padding, effects such as underline or bold, also background, and so on. Just some of these properties will have been specified explicitly, many will have default values and also values inherited from enclosing aspects of the page.
    It is the theme author who makes most of the design decisions about how their theme displays content, they do this with the css files in the theme. As a website developer you get to choose the theme, you also have the option of modifying, supplementing and extending any of the css choices, though you can just edit the files, the recommended way to do this is by using either a child theme or employing one of several custom css methods.

    Rather than pursuing this abstract description here, it would serve you better if you were to put up links to pages you were creating, and described the changes you would like to see. The community here will then coach you with what code to use.

    Thread Starter menappi

    (@menappi)

    I’m well familiar with the use of CSS throughout the theme and have modified it extensively already – I thought this might have been an issue with the visual editor or I’m just using the wrong small piece of code.

    This is what I have and what I’m trying to achieve:
    <img src=”https://i.imgur.com/LWlWjyz.png&#8221; title=”source: imgur.com” />

    I’ve achieved what I already have (on the left) by formatting my text and then just hitting enter. What I want is to be able to hit SHIFT+ENTER and only move a single line down but keep my text formatted like above. [or whatever it takes to minimize the space between the larger text up top]

    <h1>MEGAMEDES</h1>
<h3><span style="color: #ff0000;">Domeless - Fits 14mm and 18mm male/female joints</span></h3>
<h3><span style="color: #999999;">SKU# 1001</span></h3>

    That’s the code. I didn’t think it was a CSS issue at first but I’m looking at the code now and think this might be where I need to change things but I wasn’t sure – originally thought it was a visual editor problem.

    <img src=”https://i.imgur.com/JR86VEp.png&#8221; title=”source: imgur.com” />

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Line Break text formatting problem’ is closed to new replies.