Modules top1, top2, top3

Hi all, See url http://216.45.55.175/~creatdev/crystal/
Where the 3 banners were in the demo (top1 top2 top3), I am wanting to only use top1 and top3. Top1 will include a static banner (will not rotate) and top3 will have the contact form.
As you can see on this page, the white background of the 2 modules is not lining up.
Can someone please assist me with the correct css I can use to correct this?

Hi

You mean you want to remove white background?
If so, please add this line on override.css file:

Code: Select all

.box.transparent {background: transparent}

and them add suffix to the module "[space]transparent"

In other hand, if you want to keep the background and adjust sizes, you must overrule with:

Code: Select all

#gkToptop1 {width: 660px!important;}
#gkToptop5 {width: 320px!important; float: right}


Cheers

Hi Seichinha,

Thank you for your response.
This worked 100%! thank you!!

just check one small thing for me - the image on the left seems to have a bigger height than that on the right. To the eye, the image on the left looks to be the same height as the one on the right, but the block is different.

Do you think that the image height size might be the problem?

Hi!
Great solutions with css.
However you can use other solutions.
For alternative alignment you should use the two modules in the same position, manually setting sizes according to the size of the layout.
Follow this link to see the positions:
http://216.45.55.175/~creatdev/crystal/?tp=1

Try to place the contact form in the same position of the banner and set the appropriate sizes.

Until more.

Hi Vitorreis,
How/where would I set the size of each of the modules if I put them in the same position?
I was under the impression that adding 2 items in the same module position would cause them to be shown below one another.
Now it seems you are teaching me something new

Would really appreciate knowing where to set the sizes

Thanks!

Hi creativedesigns,
If you are using the image of data center as banner, you can set the size through settings banner.
The contact form, you need to see if the module has these settings, probably yes.
If you can specify a bit about the modules used would be nice.
You can test and tell us if it worked.
This will keep the white background homogeneous.

See you later.

Unfortunately it's not working.
I think the reason is because the module on the right is "Flexi Custom Code" so that I can add in my Javascript from Aweber. So I can't specify a width on this module

Hi Seichinha,

Thank you for your response.
This worked 100%! thank you!!

just check one small thing for me - the image on the left seems to have a bigger height than that on the right. To the eye, the image on the left looks to be the same height as the one on the right, but the block is different.

Do you think that the image height size might be the problem?

No, it's padding
First is custom module type with different padding values. So you can adjust using other suffix on the right box. For example:

Code: Select all

.box.adjpad {padding: 13px 0!important}

Cheers

I've just gone back into the site: http://216.45.55.175/~creatdev/crystal/
and the boxes have been messed up again, even though no coding has been changed since yesterday with the adding of the code to the override.css file.

Why is this messed up again?
I have cleared the cache, but still not correct! ARGH!! this template is annoying me so bad

Hi Seichinha,

Thank you for your response.
This worked 100%! thank you!!

just check one small thing for me - the image on the left seems to have a bigger height than that on the right. To the eye, the image on the left looks to be the same height as the one on the right, but the block is different.

Do you think that the image height size might be the problem?

No, it's padding
First is custom module type with different padding values. So you can adjust using other suffix on the right box. For example:

Code: Select all

.box.adjpad {padding: 13px 0!important}

Cheers

Hi Seichinha,
Would I need to add this code to the override.css file too?

Yes.
The override.css file is very useful because you can add all your css customization without worrying about future template updates.

Brilliant!
It works great!
Thank you so so much!

I have one last question regarding this template.
I have created a single article and linked it to a menu, but for some reason I keep getting a 500 error.
I have worked with Joomla for years, and I know that I am adding the menu item correctly, but I have no idea why this 500 error keeps occurring with all the single article menu items.

Any ideas?

Hi again

Please turn off SEF and try again.
If the link works, so it's SEF cache problem.

Cheers

I tried turning the SEF off, and changed the .htaccess back to htaccess.txt, and it's still nto working.
Can I PM you the admin details to check it out?

Have you tested the global settings?
Disable Friendly URLs.

Yes, I have tried disabling the SEF's completely, and it still doesn't work.
Hence I think there is a problem, and I hope someone can assist me

Hi!
Errors of this type occur when you assign a menu item to an item file, and this article is disabled, or does not exist. But usually a 404, not the 500 error.
The 500 error indicates specific error on the server.

good luck

So how would I find out what the error pertains to and how to fix it??

So how would I find out what the error pertains to and how to fix it??

Hi can you send me a link?
If you want to add me send a private message and I can try to help you.

one hug!

I appreciate it! Thanks so much.
Have just PM'd you