Gap between widget areas

Homepage › Community Forums › Epik Theme Support › Gap between widget areas

Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 11, 2015 at 10:33 am #16202
    krosebraugh
    Customer

      Can anyone help me with closing that gap between my banner image and the Welcome widget section on this site: http://cdcri.katie.design/ ?
      I used a text widget in the Wide Slider widget section for that banner image.

      August 11, 2015 at 1:40 pm #16203
      Andykev
      Customer

        This is a common question, and was covered in this thread:

        <img class="aligncenter size-full wp-image-67" kasperskylab_antibanner="on" src="http://cdcri.katie.design/wp-content/uploads/2015/05/home-banner-with-text1.jpg" alt="home-banner-with-text" height="507" width="1567">

.slider-wide .wrap {
    max-width: 100%;
    margin: 0px auto -25px;
}

        The top you need to change “aligncenter”. Your image is off to the left. The Slider wide margin, -25px seemed to work.

        August 11, 2015 at 1:58 pm #16204
        krosebraugh
        Customer

          Thanks Andy. I had already done the things from the thread that you referenced and I still have the gap below the Slider Wide widget area.

          Wait never mind. I am just now seeing the -25px. That makes all the difference. Thanks again.

          August 11, 2015 at 2:02 pm #16205
          Andykev
          Customer

            August 11, 2015 at 2:06 pm #16206
            krosebraugh
            Customer

              Thanks. That -25px is what I was missing.

              What type of screen are you viewing on? I don’t see those gaps on either side of the photo. Just curious. I suppose it cant be helped.

              August 13, 2015 at 12:02 am #16229
              Andykev
              Customer

                Those “gaps” are the margins. I am using a 27 inch monitor, not a laptop size or “17 inch” most computer people have. Thus, I get a very big picture.

                Just like a “responsive” Theme (which yours is), if you make it small for an Ipad it adjusts the “fit” of the content, and conversely going “up” in screen size does the opposite. That is why you often find the images set to “100%” instead of a set width, like 1140px.

                The “slider wide” has a bigger container than the regular “slider” area. You can place a wider image there and see how it looks.

                On my website, I prefer the “margins” to basically frame the image.

                August 13, 2015 at 12:09 am #16230
                Andykev
                Customer

                  Like here. Cropped to show what a “standard monitor” view would be. I’m using the slider widget area for the image.

                  August 18, 2015 at 9:37 am #16253
                  krosebraugh
                  Customer

                    Thank you.

                    So exactly how do I get my image to display full width even on 27″ monitors?

                    August 18, 2015 at 7:12 pm #16265
                    krosebraugh
                    Customer

                      Never mind. I changed it’s width to 100%. That seems to work. Thanks!

                      August 18, 2015 at 11:00 pm #16267
                      Andykev
                      Customer

                        Happy you got it fixed. Enjoy!

                      • Author
                        Posts
                      Viewing 10 posts - 1 through 10 (of 10 total)
                      • The topic ‘Gap between widget areas’ is closed to new replies.