This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

11
  1. Andrew Misplon Staff 10 years, 6 months ago

    Hi Sheila

    Thanks for reaching out. Please, insert the CSS you’re using the square code open and close tags as indicated below the comment field. We’ll take a look from there.

    Thanks

  2. sheila 10 years, 6 months ago

    Here’s the CSS code that I’m using: GENERATION YOUNG

  3. sheila 10 years, 6 months ago

    Hi Andrew,

    I’m not so familiar with CSS. What do you mean with square code open and close tags?

    Sheila

  4. Andrew Misplon Staff 10 years, 6 months ago

    In order to display code on the forum you need to wrap your code snippet.

    When you write a reply you’ll notice an instruction sentence below. It reads: Post code snippets between and then provides the tags that you should wrap your code in.

  5. Andrew Misplon Staff 10 years, 6 months ago

  6. sheila 10 years, 6 months ago

    Here’s a sample of the code:

    <span class="about-headline1">GENERATION YOUNG</span>
  7. Andrew Misplon Staff 10 years, 6 months ago

    That will work, I just ran a quick test.

    Right now your markup for that heading is:

    <p style="text-align: center;">GENERATION YOUNG

    The widget should have an option at the bottom, a checkbox to not auto add paragraphs. Have you tried disabling that and then inserting your span class in the Text tab of the widget?

  8. sheila 10 years, 6 months ago

    Hi Andrew!

    It worked! but when i check my website on my mobile phone.
    It is not responsive; the letters are jumbled.

    How can I make it responsive

  9. Andrew Misplon Staff 10 years, 6 months ago

    Glad to hear you’re making progress. Regarding the class name: .about-headline1. Did you insert the !important hacks yourself? If so, are they necessary, try removing them.

    Just at a glance, the left margin you’ve added is a problem on mobile. To remove that on mobile you could say something like:

    @media (max-width: 680px) {
	.about-headline1 {
	   line-height: normal;
	   margin-left: 0;
	}
}

    Insert that at Appearance > Custom CSS. It won’t work if you still are using !important in the original rule’s declarations.

  10. Andrew Misplon Staff 10 years, 6 months ago

    Left margins are an issue with your other rules like .about-headline2 etc. Try using the above logic on those too.

  11. Andrew Misplon Staff 10 years, 6 months ago

    More of a custom development task, we’ll do our best to advise :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread