Help for Template Styling

There are a few item with which I need a little help please...

I would like to make the bottom area (which is black at the moment) semi transparent and in an attempt to modify the CSS I have messed it up a bit and ended up with the effect in the attached photo part of the main body missing, this only happens in Safari and IE

So my questions are

1 how do I get back that missing piece of Main body

2 How to make the bottom area transparent

3 How do I make the K" item Title range to the left

My URL is http://AVD.npsmedia.com

Thank you in advance

1. You should replace .css with original file (i hope You have backed it up before changing).
2. All changes should be made in override.css

After restoring original .css write back, Ill show You what needs to be changed.

Hi

Im back to the original..

Just need to make that black area transparent if possible and range K2 Title to the left please

Cheers

Photman

Please edit: /templates/gk_finance_business/css/override.css and add at its end:

Code: Select all

#gkBottomWrap, #gkFooter {background: rgba(0, 0, 0, 0.8);}
#gkBottom1 .gkCol > div, #gkBottom2 .gkCol > div, #gkBottom1 .gkCol {background: transparent;}


this will make black transparent (change 0.8 to your linking)

Remember to enable "CSS override" in template settings - advanced section.

With K2 title - could You prepare screenshot with exact way how it should look?
Also - do You need to change it on homepage or on any other pages also (list of articles, single article)?

Wow
Thank you for your very prompt reply.

The transparency works great in Safari but not in IE and Firefox I'm afraid

As for the Title it seems when the "date item is created" is swithed off in the category the div does not collapse and the title stays in the same position rather than ranging left

hope this makes sense

Thankls

Photman

Title Problem.jpg

Sorry here is a screenshot

Title Problem2.jpg

A better view....

To the same override.css file add at its end:

Code: Select all

.itemDateCreated {display: none;}
.itemToolbar {margin: 0 0 25px 0px;}


First line hides the date even when its set to be published, second pushes title back to its place.

Thank you it works a treat.

oops spoke too soon

My homepage text seems to have moved over to the left too far and the module at the side is cutting off words but only on home page

url http://AVD.npsmedia.com

Thanks

sorted a work around

thanks

thread closed

Transparency should work ok in firefox, with IE older than 9 it might not.
Have You force to clear cache in firefox?

Works ok now thank you