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, 10 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, 10 months ago

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

  3. sheila 10 years, 10 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, 10 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, 10 months ago

  6. sheila 10 years, 10 months ago

    Here’s a sample of the code:

    <span class="about-headline1">GENERATION YOUNG</span>
  7. Andrew Misplon Staff 10 years, 10 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, 10 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, 10 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, 10 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, 10 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