Slider Content

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #20046
    Amanda
    Customer

      Hi Wes,

      I’d like to move the headline in the slider from its current central position up a few centimetres, as some words get lost in the background image.

      How do I do that please?

      Cheers

      #20052
      Wes
      Moderator

        Do you have a link with this already setup? I can take a look and let you know which part of your CSS that would need to be adjusted.

        #20056
        Amanda
        Customer
          This reply has been marked as private.
          #20057
          Wes
          Moderator
            This reply has been marked as private.
            #20063
            Amanda
            Customer
              This reply has been marked as private.
              #20075
              Wes
              Moderator

                You could do that by decreasing the top/bottom padding for the .slider .wrap. Take a look around line 1133 in your CSS for this –

                .slider .wrap {
                    color: #fff;
                    margin: 0 auto;
                    padding: 200px 0;
                    width: 1140px;
                }

                Changing the 200px changes both the top and bottom evenly. Reducing this number would move the Title up while keeping it centered vertically at the same time.

                #20081
                Amanda
                Customer
                  This reply has been marked as private.
                  #20101
                  Wes
                  Moderator

                    You could add a min-height to the .slider if you wanted to make it larger and take up more space. You can use something like this to start with (adjust as needed) –

                    .slider {
                        min-height: 600px;
                    }

                    For the Headline, you can adjust the top padding to be separate from the bottom padding in the code I posted earlier if you’d prefer the top of the Headline to have less space than the bottom.

                    For example: Let’s say you want 140px for the Top Padding, and and 200px for the bottom, it would look like this –

                    .slider .wrap {
                        color: #fff;
                        margin: 0 auto;
                        padding: 140px 0 200px;
                        width: 1140px;
                    }

                    Let me know if that helps.

                    #20113
                    Amanda
                    Customer

                      Bonza (perfect, excellent), as we say in Australia!

                      Cheers

                    Viewing 9 posts - 1 through 9 (of 9 total)
                    • The topic ‘Slider Content’ is closed to new replies.