Set top margin height of Slider Wide?

Homepage Community Forums Epik Theme Support Set top margin height of Slider Wide?

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #22439
    rchapple
    Customer

      I have read through all of the posts about setting the height of the Slider Wide, and none seem to work in my case. I am using Soliloquy for the slider. I want the slider to fill the space between the top menu bar and the next widget. I have been able to remove the space below the slider, but I still have white space above the slider?

      http://www.aerialfilmworks.com

      Thanks for any advice!

      #22440
      rchapple
      Customer

        Hoping for any advice! Could this be an issue with the header, or is this a Slider Wide configuration that needs to be changed. Thanks all!

        #22452
        Wes
        Moderator

          The .flexible-widgets class adds 140px of padding to the top of every widget. Here’s what it looks –

          .flexible-widgets {
              padding: 140px 0 80px;
          }

          Since you’re using the slider in this way, you would need to remove some of that padding so it clears.

          Try adding this to your CSS –

          .slider-wide .flexible-widgets {
              padding-top: 0;
          }

          That should only affect the slider-wide widget section and leave the other sections as they are.

          Let me know if that works.

          #22454
          rchapple
          Customer

            Perfect, thanks Wes! That worked!

            One more question – I want to make the logo in the upper left larger. Where can I control this setting?

            http://www.aerialfilmworks.com

            Ron

            #22456
            Wes
            Moderator

              In this case, if you increase the width of the .title-area it will allow the image to show up larger (height and width). The more you increase it, the larger it will appear.

              I’m not sure which line it’s on in your CSS since you’re using a CSS minifier, but it should look something like this –

              #title-area {
              	float: left;
              	overflow: hidden;
              	padding: 17px 0 0;
              	width: 240px;
              }

              Try increasing the width until you get it to the size you want.

              Edit: It should be located around line 209 in your style.css

              Let me know if that works.

              #22457
              rchapple
              Customer

                Thanks again Wes, for the fast response!

                I changed the width to 400px in the style.css page, and the logo is the same size? The original size was 220 px.

                Let me know what I should try next, and happy to contract with you to help make these changes!

                Ron

                #22458
                Wes
                Moderator

                  It looks like you already got it working 馃檪

                  If it’s still showing up small on your end, just click your reload button on your browser so it instantly clears the browser cache for the site. Once you do that then it will show your latest CSS changes.

                  If you ever need to hire me for any customization work just contact me here – https://appfinite.com/contact-us

                  Let me know if everything is working.

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