Alignment of Image/Text

Hey Guys

I am using your News Show Pro GK4 module for my frontpage and have some problems with the alignments.

www.aerogate.net

1. Header/Title (OK)
2. Information Order (OK)
3. Image (should be on the left boarder)
4. Text (should be on the same height like the image, and right of the image)
5. Read More (OK)

Looking forward, that someone can help me.

Best rgds

Roger

Hi

On News Show Pro GK4 parameters > article layout try setting "Text position" with float: right and "Information position" with float: none.

Cheers

Hey

Thank you very much for your reply. Thats it! Perfect! Have a look again: www.aerogate.net

Now I have two more questions:

1. Too much space between Title and Date | Categorie
2. Too much space between Date | Categorie and picture

How can I fix that?

Thank you again and best rgds

Roger

Please try using this code on some css file running in your template:

Code: Select all

/* NSP GK4 */
.nsp_art h4.nsp_header {margin-bottom:0;font-size: 16px!important}
.nsp_art p.nsp_info {margin-bottom:5px}
.nsp_art {padding-bottom: 10px!important}


It should look like this:

screen_2011-01-01.png

Cheers

Hey

Wow, I am blast away! Top notch Gavick Support! Have a look: www.aerogate.net

Other question:

1. Is it possible to have a light grey frame around the picture. Like in the module below my News Show GK4?

Thx and best rgds

Roger

Around the picture?
You mean like this?

img.png

Code: Select all

.nsp_image {background: url("/templates/ja_teline_iv/images/stripe-bg-2.png") repeat scroll 0 0 #DDDDDD;padding: 5px;margin-top: 5px!important}


Ahh... no...

I mean this very ultra light grey frame, directly around the picture, below the GK4 module.

light_grey_frame.jpg

Use this:

Code: Select all

.nsp_image {border: 1px solid #ddd;}


or this

Code: Select all

.nsp_image {border: 1px solid #ddd;padding: 5px}


I prefer the second option.

Cheers

Uhu... perfect! I prefer the second one too.

Now I moved the module to the right module position. And now it looks like I need a withe background?

www.aerogate.net

Best rgds

Roger

That comes from the template.
The only think i can help is this:

Code: Select all

.nsp_art {background-color: #fff}

Cool!

Thx