Hi,

I am trying to modify the Bolt template in Joomla 1.7. I do have a couple questions regarding the modification on the backend.

1) Is it possible to remove the OST link at the bottom of the template? If so, where is the code located?
2) How do you change the background color in CSS? I want to go with a color gradient but I can't find the code to replace.

Thanks,
Jim

Hi Jim,

1) Yes, it's possible. It's located in the following file around line 60:
templates/ostrainingbolt/index.php

2) The background is controlled by the css body tag which is found in line 16 of:
templates/ostrainingbolt/css/template.css

I encourage you to take our template design class (www.ostraining.com/training/overview/joomla-courses/) as well as our html class (www.ostraining.com/html-coding-course/) and css class (www.ostraining.com/css-coding-course/). Those will give you the knowledge to be able to modify things on your own.

Two other tutorials would really be of help as well:
1) Firebug: www.ostraining.com/blog/joomla/using-fir...it-joomla-templates/
2) Understanding the bolt template layout:
www.ostraining.com/blog/joomla/understan...f-the-bolt-template/

Hope this helps!

Kind regards,
Nick

Thanks Nick!

I was able to modify the background in other templates but the Bolt template seems to override what css code I put in line 16 under Body. For example I placed an image called cvhall_background.png in the images folder and I used the following code in css:

body {
background: url(../images/cvhall_background.png);
background-repeat: no-repeat;
color:FFFFF;
font: 62.5%/1.2 Arial, Helvetica, sans-serif;
text-align: center;
}

For some reason the gray background overrides this. On the Joomla backend I notice that the "Background Color" is gray under Advanced Options. Is there any way to turn this off on the backend?

Thanks,
Jim

Have you tried to use display:none; along with the css code you don't want to be used? Not sure if that would work...

Hi Jim,

Can we get a link to the page to take a quick look?

Your css doesn't seem to be correct:Specifically the forward slashes: /../

Kind regards,
Nick

Thank you for your help. It worked with the background code. I just had to override line 330 because the "gray" color was set as the default.

Thank you for all your support.

Jim

Great, glad that worked for you, Jim

Thanks Steve.

Would you happen to know a good tutorial for gradient backgrounds? I am a newbie at this if you couldn't tell.


Thanks,
Jim

No, but we could write one for you.

You'd like to know how to create the gradient image in something like Photoshop and then apply it using CSS?