1. Noia
  2. Commercial Templates
  3. Sunday, 18 September 2016
  4.  Subscribe via email
Hello there

I am building a site for my HEMA club, using the excellent Boss template, however, I have some requests I'm a little bit less certain on how to solve.

1) I would like to have the slogan still there, even when putting in a logo.
2) Secondly, I would like the logo to actually work more as a backdrop to the menu as well.

The site is http://combatmonkeys.dk (still rough, I know, working on it)

I presently only have the logo on Home, so you can see the slogan on any of the other sub-sections, but I would like the logo to basically be the backdrop for the menu, with the menu slicing the logo around the 60(above)/40(below) mark, with the slogan slicing it around the 50/50

Is there a way I can comfortably do this without having to seriously change the main files? I am a semi-competent dabbler at best, not by any means well versed in PHP or CSS, although I generally make do.

I figured I might have been able to put it up as a backdrop for #header?

Thank you for any and all help you can provide
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Noia

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will make this amendment for you. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Done - should be in your mailbox now
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Noia

1. We have added the following to the image logo markup of your templates header.php (../templates/j51_boss/php/layouts/header.php) which will render your slogan with your logo image...


<p class="site-slogan"><?php echo $this->params->get('sloganText'); ?></p> 


2. Not to sure if I understand you correctly here however I believe the following will achieve what you are looking for which can be added to the Custom CSS field of your templates parameters...


.logo > a {
left: 50%;
margin-left: -130px;
margin-top: -275px;
position: absolute;
top: 50%;
}
p.site-slogan {
z-index: 99;
}


If you do not want this change on all pages you can create a new template style for just your homepage to which you would add the suggested CSS... http://joomla51.com/tutorials/item/creating-multiple-template-styles

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
I'm officially convinced you're a wizard. Thank you, that's perfect. Now I just need to figure out what to do for readability and all that jazz, but design-wise that's EXACTLY what I wanted. Thank you!
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Excellent... thank you for the update! :)

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!