Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 10, 2020 at 12:16 pm #1251844
    Actionrev

    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?

    October 11, 2020 at 3:04 am #1251978
    Jordan Shannon

    Hey Actionrev,

    Add this to quick css:

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

    Best regards,
    Jordan Shannon

    October 11, 2020 at 10:02 am #1252022
    Actionrev

    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.

    October 12, 2020 at 5:22 am #1252168
    Rikard

    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

    October 12, 2020 at 7:30 am #1252192
    Actionrev

    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?

    October 13, 2020 at 7:01 am #1252447
    Rikard

    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

    October 16, 2020 at 6:19 pm #1253325
    Actionrev

    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 4 years, 2 months ago by Actionrev.
    October 18, 2020 at 4:59 am #1253563
    Rikard

    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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.