Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1251844

    I need to create some space between an Image and a Special Heading element on the Home Page. I either need padding on top of the Special Heading or padding at the bottom of the Image. Any advice?

    #1251978

    Hey Actionrev,

    Add this to quick css:

    #av_section_2{
    padding:50px 0!important;
    }

    Best regards,
    Jordan Shannon

    #1252022

    I’m needing help in #av_section_1, I think… I need to push down the text, starting with “Diesel and Machine Shop Cloud Software” in the Special Heading, which below the blue image starting with “Powerful”. They are both in a 1/2 column on the left of the Home page below the header.

    #1252168

    Hi,

    Thanks for the update. You can adjust the top margin of that header if you open up the element option and go to the Styling tab. You could also use a Separator/White Space element above it in the layout.

    Best regards,
    Rikard

    #1252192

    I already tried going into the Special Heading element option/ Styling and changed the Margin-Top to 100 but it didn’t do anything. I forgot to put px or %….

    That fixed it but I still have I have another issue. I have 3 Special Headers stacked on each other because when I had them in 1 Special Header I didn’t know how to create carriage returns within 1 Special Header. When I separate the text into a Special header, based on where I want a carriage return, there is a wide gap between each of the 3 Special Headers. What would you suggest I do to make the text look as though it’s a paragraph?

    #1252447

    Hi,

    Thanks for the update. If you need to add line breaks in a Special Heading element then you can try the br tag:

    This is your header<br />
    This text should be on a new line

    Best regards,
    Rikard

    #1253325

    Thank you. That worked but now I need to know how to make changes to margins or padding of the Special Headers I am using only when the resolution is in a Mobile setting, like 480 by 854.

    • This reply was modified 1 week, 5 days ago by  Actionrev.
    #1253563

    Hi,

    Thanks for the update. I’m not sure exactly what you are looking to change, but if you need to target CSS on a specific screen width, then you can try wrapping your CSS in a media query like this:

    @media only screen and (max-width: 479px) {
      Your CSS goes here
    }

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.