homepage layout issue

hi, on my home page i'm getting a grey gap between the main background image and the widget below. On your demo it looks fine (no gap). On mine there is a grey gap between the picture of the girl meditating and the next widget with the header that reads "Approximately 1 in 5 couples...". It seems that something in the header widget is shifting the widget layer below it down and creating a gap in the layout. Note: this is only seen when using a big screen monitor. You won't see this effect on your note book or small screen. See my site here: http://www.unexplainedinfertilityinfo.com/. Thanks

Hi,
Could you please provide me with a back-end access to your website via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? because threre's comming soon mode now.

I think what is causing the widget layer in the "Main Body" area to move down is me adding header text into the top text widget in the "Header" area. As I add a row of text to the header

example:

Code: Select all

<h2><b>Sign up now and receive a FREE questionnaire to help you understand why.</b></h2>

it offsets the Main Body layer down by the same amount leaving the grey space between the bottom of the image and the main body layer. I can eliminate the grey space by deleting text rows but that defeats the purpose of that widget. Can you give me the css to make Main Body Layer fixed so that it doesn't get effected by the header layer and stays flush with the bottom of the main image so as not to have a gap??

Thanks

also, could you give me the code to eliminate the vertical line that appears on the right side of the sliding png image on the home page? It's a green circle png that reads "Hormone detox kit". There is a vertical thin boarder line on the right side.

also, the css code to make the 3 little theme dots at the bottom of the page disappear.

thanks so much.

Hi,

3 color dots may be disabled in Simplicity -> Template Options -> Feature tab with "Style Switcher Display" option.
Try to add this code to remove right border:

Code: Select all

.gk-horizontal-slide-right-column {
   border-right: 0;
}


but I'm not sure what exactly do you want to achieve with your mainbody widget area ("Approximately 1 in 5 couples will.. ").
You can't add fixed background, because there's no backgorund image.

Thanks for the code.

I guess the header widget area can only handle so much text before it starts to push the widget layers below it down thereby creating a gap between the main image and the next layer.

I've added a lot of text to your header widget area (using Chrome Dev Tools) and can't see any influence to the widgets below. Only header background (with the woman) is increasing height.

i'll check it out. thanks

see the screenshot on this link.

https://ms-us-bnx-102-prod.digitalhub.com/B/AQp0vtluirA300BLzhsxpxl6v_CFAURc4WbrQRB0Grmea62TLl2l2cQa/2015-02-19_1419_grey_band_on_site.png?o=Aszq4QHV4dtJ_u717icKDaWJshLCV2zODQ0URVqxwaeB&v=1&x=3&a=BaZkYD6Yx7KIA4c3KQ&e=1424375423&k=DLN4ad3HGonKoNPPt-gefw&r=665067a5-4f78-4c00-9b27-10a922436aef-1&ckc=com.apple.clouddocs&ckz=com.apple.CloudDocs&z=https%3A%2F%2Fp01-content.icloud.com%3A443&s=8bM62S6IhORlbWPxPbffdRCfXno&hs=OjqWqDnSmYlbeCGYqLgHeiEuKi0&cd=i

i'm viewing it with a Sony Viao Desktop Big Wide screen. do u see the wide patch of grey that I drew a red rectangle around?

Sorry, I can't see any screenshot under your link.

try this link:

http://unexplainedinfertilityinfo.com/wp-content/themes/Simplicity/images/2015-02-19_1419_grey_band_on_site-2.png

Hello, try to add following css code:

Code: Select all

.imageBg #gk-header-mod {
padding-top: 105px;
}


It kind of worked. there is still a small 5px patch of grey at the bottom. could u explain what is happening and how ur code works? thanks.

If you still see grey background, please decrease padding-top value i.e. to 100px. The default padding top is around 180px, but you have a lot of content in the header, so this padding shold be smaller.