erikas_boy

Brilliant. I can’t believe I didn’t see that and try commenting it out. Thank you thank you.
Chris

I only skype/google-chat, but I’m not hard to find: https://www.ChrisSchryerDesigns.com

My pleasure. Site looks good.

By the way, I like what you’ve done with the body background colour to make the bottom of the page look like “earth”.

Nice work.

-edit: this is almost delayed-chat. Yeah, it’s all looking good on my end.

Looks white to me right now.

Incidentally, Firebug, which is an add-on for Firefox would be very helpful here indeed. It would tell you where in the .css the background colour of ededed was coming from.

style.css (line 234) says:

#nav li a, #nav li a:link, #nav li a:visited {
color:#FFFFFF;
display:block;
font-family:Georgia,Times New Roman;
font-size:16px;
font-weight:normal;
margin:0;
padding:9px 15px 8px;
text-transform:lowercase;
}

Remove that bottomw line “text-transform” and you’re good to go.

Kevin,
I think you might be editing this while I’m looking at it. Things keep changing…..

Try using this in stlye.css (line 150):

#mainContainer {
background: #FFFFFF url(images/bg_bg.jpg) bottom left no-repeat;
width:100%
}

and comment-out the #mainContainer reference in style_trans2.css (line 32).

Below the “typography” section, the first entry is for your body tag and it contains the line “font-family: Georgia, serif;” which would look a bit like TNR. I’m assuming the “Column Content” section was meant to change that, but I guess the text you’re asking about isn’t classed or id’d properly, so is still being affected by that body style. Using Firefox with the Firebug add-on is very helpful in these situations. You can inspect elements using it, and see exactly which lines of .css are styling the element in question.

Sorry, should have provided a suggestion too. You could try adding a “height” attribute to mainContainer, that would make the div big enough to cover the whole image, but that would leave a heap of empty space at the bottom of those pages lighter on content, and could cause over-flow problems.

I would probably crop the image so it was just the tree and the ground, then create a div to hold it, and use it as a background, which gets positioned “bottom”, as per here:
https://w3schools.com/css/css_background.asp (see the section called “Background Image – Set position and no-repeat”)

Then position that dive to sit at the bottom of mainContainer, but still under the main content.

Make sense?

Doesn’t look like the background is moving, it’s just too big. When the home page and the blog are loaded, there is enough content to stretch the page over the whole background image. On the pages with smaller ammounts of content, it gets cut-off.

Hello,
I’m having, sort of, the same problem.

I too, used the default template and skinned it to look like the template that I built for Joomla! (or I should say, I am skinning it).

I copied the default template, changed the name, and uploaded and activated it. Then I sarted tweaking it.

So, I’ve got roughly the same problem, except it’s in my left sidebar. There are bullets, and I can’t get rid of them. Every list-style in style.css is set to “none”, and yet, there they are. Firebug shows quite clearly that they are not there. And yet, they are there. And it’s really getting to me.

See the site in progress here:
https://www.orosend.com/joomla/blog

Thanks for any help.

alchymyth,
Thanks for the quick reply. I hadn’t even started working it in IE yet, I knew the negative margins would need to be hacked a bit.

Oh dear, of course, the scroll-bar. Always spending too much time looking for a complicated solution when the answer is so damn obvious…..

Thanks so much.