Recent
Categories
View Replies (9)

Habitat Template

0
Votes
Undo
  1. joomlagal
    joomlagal
  3. Commercial Templates
  4. Wednesday, 09 July 2014
  5.  Subscribe via email
I am building a new site using the Habitat template and I am having a problem with the showcase position opacity.

First off in the template settings, the opacity setting doesn't seem to keep my setting of 0. When I save the opacity it appears to work however, I return to do other adjustments in my template, the opacity setting reverts to a higher opacity again.

Another problem I am having is that I would like to remove the white line that appears when I have a showcase module published, it this possible?

Also I would like to remove the white line on the footer area as well so that just my background image shows without any line on top. Is this possible? Can't seem to find anything that will change this.

I you want to take a look my demo site is at: http://stonyplainwebs.com/
Responses (9)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Joomlagal

To address all these issue may I suggest adding the following CSS to the Custom CSS field of your templates parameters...


#container_slideshow {

    background-color: rgba(0, 0, 0, 0);

    background-image: none;

    box-shadow: none;

}

#container_main {

    box-shadow: none;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
joomlagal
joomlagal
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks that worked great but I now seem to be having a small problem with the front end icon button, usually it shows a small image like a wheel or a pencil and pen but for some reason with this template it only shows a number 8.

An example is shown here on this page which I have the Print icon turned on: http://stonyplainwebs.com/index.php/events

Since I am setting this site up for Front-end editing for my customer, this might be a little confusing and they will probably ask why there is a number 8 there. Is there anything I can do on my end to fix this?
  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
Hi Joomlagal

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. 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. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

We have added the following to the Custom CSS field of yoru templates parameters which appears to have resolved the issue...


@font-face {

   font-family: 'IcoMoon';

   src: url('../../../media/jui/fonts/IcoMoon.eot');

   src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype');

   src: url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');

   src: url('../../../media/jui/fonts/IcoMoon.woff') format('woff');

   src: url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype');

   font-weight: normal;

   font-style: normal;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
joomlagal
joomlagal
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Cieran,

I now have the site live and I am having a problem viewing the site's logo on my Smartphone and in responsive mode, The website is at this url: http://www.thedanceplace.ca

My current image is sized: 480px × 140px, My X and Y settings in my template are both set at 0

Is there coding I can place in the css file to resize my logo to adapt to a mobile device?
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Could you try adding the following to the Custom CSS field of your tempates parameters, editing to your own taste...


.logo_container, h1.logo, h1.logo a {height: auto;}

@media only screen and (max-width: 767px) {

.logo img {width: 500px;}

}

@media only screen and (max-width: 440px) {

.logo img {width: 300px;}

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
joomlagal
joomlagal
Accepted Answer Pending Moderation
0
Votes
Undo
This appears to do the trick however in the responsive mode, I now see the logo but under the logo is a large black rectangle. I assume this is my menu in the full size, is there some way to get rid of this black box in the mobile situation?
  1. more than a month ago
  2. Commercial Templates
  3. # 7
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Joomlagal

To remove the black box try adding the following to the Custom CSS field of your templates parameters..


@media only screen and (max-width: 1024px) {

#container_hornav .wrapper960 {

    display: none;

}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 8
joomlagal
joomlagal
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks that solves the problem, I also modified this coding to increase the size of my mobile logo, it seems to work great now:

@media only screen and (max-width: 440px) {
.logo img {width: 300px;height: 100%;}
}

Thanks again for all your help!!
  1. more than a month ago
  2. Commercial Templates
  3. # 9
  • Page :
  • 1


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