Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 10, 2019 at 2:31 pm #1108830
    jonrouse

    Hi
    I am trying to recreate our homepage using different elements. Link in private area.
    I have the services footer (please see text on red background at the bottom of the page) as I want it, except for mobile.
    I want to reduce the space between each line, and there seems to be a 20px bottom margin that I can not change with quick CSS.
    Probably due to my lack of knowledge.
    Can anyone please help?

    Thanks in advance.

    June 11, 2019 at 4:53 am #1108994
    Rikard

    Hey jonrouse,

    Thanks for the link, though the footer looks empty on my end. Could you try to explain a bit further or post screenshots highlighting the problem please?

    Best regards,
    Rikard

    June 11, 2019 at 10:17 am #1109068
    jonrouse

    Sorry Rikard, I’m getting my terminology confused. It’s the list of special headings I have at the very bottom of the page.
    I’ve attached a screen grab of where I mean, I just want these closer together like they are on the desktop version.

    Hope this makes more sense!

    June 12, 2019 at 4:20 am #1109320
    Rikard

    Hi,

    Thanks for that, I see that the elements are there in the markup but they are red on red background so I can’t really see the results?

    Best regards,
    Rikard

    June 12, 2019 at 10:24 am #1109431
    jonrouse

    Hi Rikard,
    I have made this into a menu by creating a span class “fredlink” which is black, and then white on hover.
    I’ve turned these into single line columns containing a special heading and to close the space I have added a whitespace element of -30px.
    I did this because I wanted the animation effect on each line. If you look at our homepage I previously used advanced layer sliders for these, but we thought we could be more efficient by using some of Enfold’s build in features.

    I’ve attached a couple of screen grabs which I hope make more sense.

    Thanks very much

    June 12, 2019 at 10:39 am #1109434
    jonrouse

    Haha – after reading back my message I realised what I’ve done wrong. I copied the whitespace element from the top of the page, which I had set no to display on medium and small screens. I just needed to turn those options off.

    I feel really stupid, sometimes the answers are right in front of your nose!!!

    Thanks and sorry for wasting your time!

    June 13, 2019 at 4:05 am #1109647
    Rikard

    Hi,

    Great, I’m glad that you found the problem and thanks for the update :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 13, 2019 at 10:08 am #1109810
    jonrouse

    Thanks Rikard, feel free to close it.

    June 13, 2019 at 7:48 pm #1110031
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Help with reducing line spacing on responsive text’ is closed to new replies.