Recent
Categories
View Replies (5)

Boss - Logo woes

0
Votes
Undo
  1. Noia
    Noia
  3. Commercial Templates
  4. Sunday, 18 September 2016
  5.  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
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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. # 1
Noia
Noia
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. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
Noia
Noia
Accepted Answer Pending Moderation
0
Votes
Undo
Done - should be in your mailbox now
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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. # 5
  • Page :
  • 1


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

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.