Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Centering Venture Template Logo

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi,

I would like to centre the logo on my website running the venture template.

squire-squire.co.uk/

Its on one side where as in the demo its in the middle. How can I do this?

Also is there a way to create a spacer between the main content and the background slide show please?

Chris
  • Chris Squire's Avatar
  • Chris Squire
  • 3 Month Basic
  • 17 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Chris,

We added as inline css

<div class="custom">
<h1 style="text-align: center;">VENTURE</h1>
<p style="text-align: center;">A classic business oriented Joomla design ...</p></div>

Can I check what you mean by spacer?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,


Thank you for your quick reply.

I am a casual joomla user, how exactly can I enter the code into the template?

With regards to the spacer the main content area butts straight up to the background slideshow and I wondered if there could be a gap like there is with the modules spaced around the front page?

If not its no problem as I think it is a really nice template.

Thanks,

Chris
  • Chris Squire's Avatar
  • Chris Squire
  • 3 Month Basic
  • 17 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Chris,

You can see here the code we used on the demo:

docs.joomlabamboo.com/joomla-template/venture/3_front-page-setup.html
<ul>
    <li style="text-align: center;"></li>
    <li style="text-align: center;"></li>
    <li style="text-align: center;"></li>
</ul>
<h1 style="text-align: center;">VENTURE</h1>
<p style="text-align: center;">A classic business oriented Joomla design ...</p>

You can add that directly via the editor when creating the custom html module or use the wysiwyg editor to create the empty list - which creates the graphic - or use the text align tool to align the paragraph.

Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Thanks,

But I am still having issues.

Apologies but you'll have to excuse me I just dip into Joomla from time to time to update my website, I can do only very basic stuff.

Pasting the code into the custom html module makes sense and adapting it to suit my text also makes sense.

However I am having issues with the font I want use which is Google Font Cinzel. I have input the code into font template settings for logo in the back. Is this supposed to load cinzel into the wysiwyg editor? because it doesn't.How can I use this font with the custom html module in the logo position and the code you have provided?

In addition I have tried creating and uploading a png file with text on it but your html code doesn't allow for centering images or doesn't appear to.

I know about using the paragraph centering button but that doesn't make any difference to the positions of the logo.

Thanks in advance.

Chris
  • Chris Squire's Avatar
  • Chris Squire
  • 3 Month Basic
  • 17 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Chris,

Can you just try something - please change the heading font to Cinzel does that work with the logo?

Is the font option the preferred solution rather than using the image?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
\templates\venture\tpls\blocks

Can you upload this file to here

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

File Attachment:

File Name: fonts.zip
File Size: 1 KB


I'll try that again

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
This will enable the font to apply

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

I have uploaded the zip but it makes no difference.

I am really struggling and I'd like to get this done. Would it be possible for you to log into my site please?

Thanks,

Chris
  • Chris Squire's Avatar
  • Chris Squire
  • 3 Month Basic
  • 17 posts
  • Karma: 0
The administrator has disabled public write access.
Sure please create a ticket and we can take a look for you

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Chris,

I'll respond here in case others might get help from this.

1. The logo width was set to 6 in the layout tool. So it wasn't stretching across the width of the page. It needs to be set to 12 to fill the entire width.

2. You had the site title and the tagline in p tags. The image was in an h1 tag. Ive chnaged this so you have the site title in ah2 tag and the tagline in a p tag and the image in a p tag.

3. I've also reduced the size of the logo font so it appears more balanced.

Hope this helps.
Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Hi Chris,

You have the google font set as Lato:600 which does not exist.

If you remove :600 to just leave Lato then the font will be correct.

You can generate the correct syntax on the google fonts page here: www.google.com/fonts#UsePlace:use/Collection:Lato

Rob
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers