Random red line and picture margins

[fortknoxusa]

Hi
There is a random red line under my logo and once you scroll it goes away. How can i remove that?

I have a section where I removed the margin spacing in the row so that my three pictures would touch, however once I view it there are spaces in between the images. Its in my home page under the section called Laser Tag Play. I want no spacing in between the images.

Also how do i change the text color in the buttons?

[ruenel]

Hello There,

Thanks for writing in!

The red line is coming from your button:

To resolve this, please go to X > Theme Options > Header > Navbar and set the “Navbar Top Height” to 100 pixels. And then edit your page and remove the negative (-12em) margin in one of your text element.

Screenshot

And regarding those 3 images, it is because you have enabled the “Retina & Dimensions” which sets the width and height of your images to 384 pixel width. 384 by 3 is only equal to 1152 and your container max width is 1200 which is why there were spaces in between the images. Disable the “Retina & Dimensions” so that the images will have the original width and will be scaled and cover the whole container thus there will be no spaces between them.

Hope this helps. Please let us know how it goes.

[fortknoxusa]

For those three pictures. In the middle picture the text underneath looks to be inline with the other text under the other photos but no matter what i have tried its not aligned when i view my site.

[thai]

Hi There,

First, please change the bottom margin of Corporate Outings text element to 9em:

It also will fall down into 2 lines on the small screens so it will put the text below down.

To fix this issue, please edit the Corporate Outings text element then add this element CSS:

@media (max-width: 1024px){
  $el {
    margin-bottom: 235px !important;
  }
}

Hope it helps