Events template

alinamn

Hello. I'm recreating my html site in joomla. It's for an event. I'm using Events template. Please see the attached screen shot. I also attached the demo header for reference. I would like to get rid of the second logo and the white space before the blue header. When I turn the header module off the logo and the blue header dissapear, but the logo is not in the header module. Is it in the template.css file? I tried couple of things in the css file, but didn't find the right thing to change, I guess. Please help. Thanks.

Joshua-M

Hi,

Please add your website backend access to this thread fields (these fields are visible for moderators only).
We'll be able to check the issue then.

PS. It would be easier to install the quickstart pakcage to replicate the demo website and start to customize then..

Cheers
Joshua

alinamn

I did install the Quickstart.

Joshua-M

I've edited your answer and removed the credentials (you can't share this kind of information in posts content), please change your password ASAP and add the new one to this thread FIELDS, please check 5th point of this thread:
https://www.joomlart.com/forums/d/772-how-to-ask-a-question-on-forum

Cheers
Joshua

alinamn

Joshua-M
Hi Joshua,
I added the new info to the fields. Thanks.

Joshua-M

Hi,

I've added frontpage suffix to your home page (ID 101):
https://prnt.sc/ko3xbt

but it still doesn't work, did you add any modification to template files?

so you want to have the same header as on the demo, right? (only one logo visible and when you scroll to the end of the header the second logo with the menu should appear)

Cheers
Joshua

alinamn

Joshua-M
Hi,
I think I added negative padding to the template.css. Yes, I want to have one logo on the top with the header.
Thanks,
Alina

alinamn

Joshua-M

Hi,
I just recopied the original template.css to the site. I have used the Header module with my blue background image and the text. Shouldn't that replace the top image? I created the image in the same sizes as the demo site. I took my blue image out. Is there a way to replace the template image (conference scene) with my image? I didn't find this image in the media folder.

Another change I made was that I had my logo as image. I don't khow to do it with css. In the Template Edit Style I clicked on logo from css and now I have the demo logo and it seems to look ok. I need to know how to replace the logo in css.
Thanks,
Alina

Joshua-M

Hi,

To replace the header module background (conference scene) please updload your image with the same size and name header_bg.jpg to templates/gk_events/images/header_bg.jpg (you can do it via your FTP client)

To change the logo via CSS, please add the following custom css code into your gk_events/css/override.css file (don't forget to enable override option from Template Options - > Advanced tab)

.svg #gkLogo.cssLogo, .svg #gkLogoSmall.cssLogo {
    background-image: url(../images/path-to-your-image-logo);
}

Let us know if you need further help..

Cheers
Joshua

alinamn

Hi Joshua,
Thanks for your help. I was able to change the header image. I still need to fine tune the image.
I added the override code for the logo. Now I don't see the demo logo, but mine is not there. My logo is a .png. Is that a valid format? I tried the code with an .svg logo and it didn't work either. What am I doing wrong?

My other question was the following. I still see extra spaces in between modules (Header and Top1, Top1 and Speakers....). How do I get rid of those?
Cheers,
Alina

Joshua-M

Hi Alina,

You've used wrong image file path (to images directory from your template). Try to use this code in override.css file:

.svg #gkLogo.cssLogo, .svg #gkLogoSmall.cssLogo {
    background-image: url(/images/JIMH/logo_jimh22.svg);
}

To decrease the spaces add also this css code:

.frontpage #gkMainbody,
.frontpage #gkTop1 {
padding-top: 10px;
}

alinamn

Hi Joshua. The logo worked, thanks, but the spaces are still there. Are some of the spaces because of the unused modules?

When I unpublish the Speakers module, which is on mainbody and is a News Show Pro GK5 module, it shown "Home" on the same position. I don't understand.

Joshua-M

Hi,
Could you send a screenshot with the space marked? I'm not sure if we are talking about the same space 🙂

Cheers
Joshua

alinamn

Joshua-M

The vertical space between two modules that are blank.

Joshua-M

Try to add this css to remove the space from your screenshot:

.frontpage #gkTop1 {
	padding-top: 0;
}

Cheers
Joshua

alinamn

I tried. It didn't work. Is it a problem with unused modules?

Vertical spaces are a problem all over the template, not just in between the modules. On the large headline on the Header, for example, there's too much line spacing and it's the same with the logos and paragraphs in general. I don't know how to resolve this problem. Do you have a suggestion?

Cheers,
Alina

Joshua-M

Hi Alina,

You have a syntax error within your override.css file and the code after line 14 is not loaded at all..

Please add missing bracket } to line 14

Cheers
Joshua