Problem with "Basic Gray" theme -...

User 38401 Photo


Senior Advisor
10,951 posts

Hiya Tony,

Have you tried finding a theme that does what you are looking for and then comparing the 2 to see the differences? This could be helpful if the one you're trying to use is the one you really want to use, or you can just take a different theme that has the structure you are looking for already built up and just alter the graphics to be like the grey one you're trying to use ... :)
User 187934 Photo


Senior Advisor
20,266 posts
Online Now

The scroll bar is there because the width of something on the page is beyond the reach of you monitor. Horizontal scroll should be avoided in most web pages.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 434289 Photo


Registered User
9 posts

Jo Ann: I really want to use this theme if possible. The other ones look too simple.

Eric Rohloff: The horizontal bar was already there when I chose that theme. I checked other themes and they don't have that problem but, I really want to use this one in particular. I haven't changed the coding at all. Can you see this bar on your computer or is it only displayed on my monitor?
User 122279 Photo


Senior Advisor
14,624 posts
Online Now

Tony, dependent on which Empty space you are talking about, see the attachment where I have called the various panes 1, 2 and 3.

In case 1, the colour is defined here:

#intro #photo {
background-color: #fff;
float: right;
margin-top: -170px;
-moz-box-shadow: 0 1px 10px #333;
-webkit-box-shadow: 0 1px 10px #333;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 400px;
height: 300px;
}


Case 2 is this:

#intro {
background-color: #ccc;
margin-top: 100px;
padding: 40px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}


And finally case 3:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}


This colour is transparent, and if you change it, it will affect all the other tags here than can have a background colour, so if you want to change it only for the page background, better to single out the tags that you want to give a different colour and give them a new set of rules, e.g. remove 'html,' from the reset group above and create something like this:

html {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: yellow;
}


Good luck.
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,266 posts
Online Now

Inger I think your attachment is corrupt. I can't open it.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
14,624 posts
Online Now

Trying again...

I was able to open the first one, but it turned out tiny, much smaller than I had made it. Gremlins? :rolleyes:
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,266 posts
Online Now

Works now.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 434289 Photo


Registered User
9 posts

Inger Eik: The space I'm talking about is not any of those. You can see the problem in this attachment. The page should end where the arrow is pointing and everything to the right (where the circle is) is not needed.
Attachments:
User 2276240 Photo


Registered User
194 posts

Tony, I truly believe that the issue is with the settings within the style sheet is set at a max width of less pixels then you have your screen resolution set at. I believe the max setting is 960px for the header or footer and the main body are is around 600px. Remember is you size this to fit your monitor and other s are using a less resolution say 1024x768 you web site will not look like what you have.on you side. But if you want to fit you screen fully you will need to change all sorts of values within the sheet.
Try dropping your resolution down a few notches and see if that reduces the area you have concern width.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.