ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
Transparent--not white--article background?
-
-
- darinb
- Hero Rocketeer
- Posts: 301
- Thanks: 0
-
Is there a way to have articler appear without the white background? (Or to change the background color?) I want the text and photos etc to be "on the background" image.
I'm using perihelion if that matters.
Thanks,
--Darin
-
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 52
- You can apply an image to the article background but making it fully transparent like Replicant is harder.
- James Spencer / Developer & Support / Hull, UK
-
-
-
- Matt Burton
- Rocketeer
- Posts: 55
- Thanks: 0
-
I'm I wrong or could you not take out all references of color/background image from the style sheet - so if you were using style1 just take out
background:#FFFFFF none repeat scroll 0 0;
from #maincontent - in style1.css
This would get rid of the color and background image of the main content and your article text/images would appear directly on the site background.
Matt
http://www.seoogle.co.uk -
http://www.seoogle.co.uk
Web Design in Macclesfield, Cheshire
-
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 52
- The problem comes when you try to use transparent backgrounds, no backgrounds are fine but look awful.
- James Spencer / Developer & Support / Hull, UK
-
-
-
- Matt Burton
- Rocketeer
- Posts: 55
- Thanks: 0
-
Yeah quite agree James, but really it depends on your content - if you just remove the background white on the main panel of perihelion it looks a little poor with the way the pngs and images have been produced - white pixels etc. If you just had text over a static background and optimized your images it would look fine.
You could quite easily create a repeating .png file with transparency and update the same css to include it?
Assuming you had a png transparency fix installed it would work fine.
Darin could you define exactly what you want to achieve? -
http://www.seoogle.co.uk
Web Design in Macclesfield, Cheshire
-
-
-
- darinb
- Hero Rocketeer
- Posts: 301
- Thanks: 0
-
Hey Matt,
I'm a little lost with that last post but here is the basic plan...(and maybe using a module or other solution is a better plan):
I'm putting together a portfolio site for my photography. I'll have menu and links from the front going to separate pages for each project. On each portfolio page will be a little text, a bunch of thumbnail images, and maybe a video.
I don't want the white because, first, it is ugly
Second, having a white surround with a photo or video requires you to brighten the photo to compensate for the optical effect--plus is just a strain on the eyes.
Maybe a module is better--but I'm not quote clear in that case how to have menu links to those pages in this case.
This is my second Joomla site so it is quite possible I'm missing a basic strategy...
--Darin
-
-
-
- Matt Burton
- Rocketeer
- Posts: 55
- Thanks: 0
-
Hey Darin,
I think we have been talking cross purposes from your reply.
If I'm not mistaken all you want to do is change the background colour of the main site to a different color? So that your photographs are not against a white background?
If so this is really quite easy to change.
Go to Template manager- Click on the perhillion template
You should see the button marked Edit CSS - click that
You will be presented with a list of .css files - assuming you haven't changed styles and are still on the Style1 choice (the red/black design) click the radio button next to Style1.css and click the edit button top right which will open the css style sheet
Find the bit that states:
#main-content {
background: #fff;
color: #333;
}
The above states background as #fff -which is white
and default foreground color as #333 - dark grey.
You can change the background color to anything you want there:
so
#main-content {
background: #333; Would be the same dark grey as before
color: #66FF00; Would be bright green which would be the default of
}
Just submit the changes using the save button and it will update the template
You can look at colors here http://www.w3schools.com/Html/html_colors.asp
This might have some implications to your site so if it's possible you can post a link to the site we can go through and fix any problems you may have.
You should easily then be able to complete what you are wanting to do to change the background.
Hope this answers your question if not please feel free to ask for more help.
Cheers, Matt
http://www.seoogle.co.uk -
http://www.seoogle.co.uk
Web Design in Macclesfield, Cheshire
-
-
-
- darinb
- Hero Rocketeer
- Posts: 301
- Thanks: 0
-
Hey Matt,
Great--thanks. Making it a dark color is a good fallback position. The ideal would be to make it transparent so that the photos and text are presented with just the texture from the template as he background. Is that possible?
Thanks!
--Darin
-
-
-
- Matt Burton
- Rocketeer
- Posts: 55
- Thanks: 0
-
Darin
Yeah, fairly easy to do, just follow the instructions and rather than change the background color just delete the line that states:
background: #fff;
So your CSS will look like:
#main-content {
color: #333;
}
That should work,
Matt
http://www.seoogle.co.uk -
http://www.seoogle.co.uk
Web Design in Macclesfield, Cheshire
-
Time to create page: 0.097 seconds