dark grey overtakes white background on long pages, space under social buttons « Support Forum | Kriesi.at

Support Forum » Broadscope

dark grey overtakes white background on long pages, space under social buttons

7 posts from 3 voices

Started 1 year ago by aliciaandtrent
Latest reply from Dude
This topic is not a support question

Tags:

No tags yet.

aliciaandtrent
Member

Hi - I'm loving the Broadscope theme, but have run into a couple issues.

The first is that when I have longer pages, the regular background colour of white switches to grey when I scroll down below the first screen's contents. See this page:

http://66.147.244.230/~aliciaa1/upcoming-events-calendar/

The second issue is on shorter pages, the footer has a white stripe below it

http://66.147.244.230/~aliciaa1/

On pages of a medium length, neither of these issues are present:

http://66.147.244.230/~aliciaa1/classical-duo-flute-violin/

I'm not a coder, but I can go in and make changes if you tell me what the are. Help please!

Thanks,

Trent

Posted 1 year ago #
Dude
Dude

Hey,
please upload the theme files again or at least the files you've modified. The html structure i messed up a bit (see W3 validator: http://validator.w3.org/check?uri=http%3A%2F%2F66.147.244.230%2F~aliciaa1%2Fupcoming-events-calendar%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 )

Posted 1 year ago #
aliciaandtrent
Member

Hi Dude (big Lebowski fan? :),

I uploaded a fresh copy of Broadscope 1.0.6 (using the WP dashboard and the zip file) and straight from themeforest. It still has the same problem. Here's a new test page I made:

http://66.147.244.230/~aliciaa1/test/

The results from the test you ran seem the same for this page:

http://validator.w3.org/check?uri=http%3A%2F%2F66.147.244.230%2F~aliciaa1%2Ftest%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

The only thing I had modified before was taking out the widgets from the footer. Because of the footer being so long (due to all the pages I have) the problem on the short pages with the Social buttons bar having a white stripe underneath it can't be seen now. But the background colour switching to grey is still there and visible on long pages, despite resfreshing the theme files.

Help please!

PS - PM me for login info to my wp site / ftp.

Trent

Posted 1 year ago #
aliciaandtrent
Member

Hi Dude,

An interesting thing - the switch to the dark grey background always occurs at the bottom of the screen even if you look at my pages on different computers with different resolutions. On my laptop which has less vertical pixels than my desktop there are less text lines lines w/ white background before the switch to dark grey than there are on my desktop. I just thought I'd mention it in case it helps in troubleshooting.

Looking forward to solving this,

Trent

PS - my phone # is on the site if you go to the Contact page.

Posted 1 year ago #
Chris Beard

Hi,

I believe by going in your light-skin.css file in your css folder and editing #main{ stuff } with a background property things should be solved.
Add background:#ffffff like this:
#main{ border-bottom: 1px solid #BBB; background:#ffffff}

You can also try to do the same in style.css if the previous didn't work.
Let me know if it did the job.

Posted 1 year ago #
aliciaandtrent
Member

Hi Chris and Dude,

That didn't fix it, but I found a solution. What fixed it was editing the light-skin.css file, line 27. By default it has the background colour as #333 (the dark grey), and when I changed it to #ffffff, then the background stayed white through the length of the page.

Original:

/* BASIC CONTAINERS */
html{ background: #333; }

Modified:

/* BASIC CONTAINERS */
html{ background: #ffffff; }

The other question I had from the first post, I think I can clarify now. I've successfully deleted the widgets part of the footer, and the part I'm talking about is (I think) called the socket. The issue is on shorter pages, the socket has a white stripe below it:

http://66.147.244.230/~aliciaa1/

Is there a way to fix this so the socket is at the very bottom of the screen even when there isn't much content in the page?

Also, is there anything I can/should be doing about the 2 errors that show up using the validator.w3.org test you showed me?

Thanks,

Trent

Posted 1 year ago #
Dude
Dude

Maybe try to upload all theme files again and deactivate all plugins. This should solve the w3c validator error. Then activate the plugins one by one to find which one causes the invalid output. The css code you posted is not a real fix because you just change the html background color but the structure error persists. Because of the color change you won't notice it anymore though. Because the structure error can cause display glitches in the future you need to fix it instead of hiding it.

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.

Kriesi.at - Wordpress Themes and HTML Templates

dark grey overtakes white background on long pages, space under social buttons

Reply

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…