VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

Slideshow image jf Calla Exteriors
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Slideshow image jf Calla Exteriors

Slideshow image jf Calla Exteriors 24 Sep 2013 00:33 #3005

Hello, I've modified the template.css to get a different styled slideshow page, with displaying a logo instead of the main h1 text. It's sort of working for now... However, when I open the website in my browser like Safari or Chrome, the slideshow-image and logo don't come down in the right position, that is, they are not centered on the screen. It repositions the right way only if I adjust the window of my browser, which is only possible on my computer, and not on my iPhone or iPad.

I get this:

This image is hidden for guests. Please log in or register to see it.


while it should be this:

This image is hidden for guests. Please log in or register to see it.


What could I have done wrong?

This is the css I have modified to display the logo, instead of the main h1:

/* SLIDESHOW */
#jf-slideshow {
background-clip: border-box;
background-color: #000020;
background-image: url(../images/banner.jpg);
background-origin: padding-box;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;
z-index: 50;
}

#jf-slideshow .main {
color: #fff;
font-family: PollerOne;
font-size: 32px;
font-weight: normal;
line-height: 32px;
text-align: center;
}

#jf-slideshow .main h1 {
background-clip: border-box;
background-image: url(../images/logolarge.png);
background-origin: padding-box;
background-position: top center;
background-repeat: no-repeat;
background-size: 90%;
font-size: 90px;
font-weight: normal;
font-family: PollerOne;
padding-top: 10px;
}

Re: Slideshow image jf Calla Exteriors 24 Sep 2013 00:33 #3006

O, and the live site is: www.liquidlefty.nl

Re: Slideshow image jf Calla Exteriors 25 Sep 2013 09:48 #3012

For customizations is professional support required:
www.joomfreak.com/forum/professional-support.html

  • Posts:502
  • theres no place like joomfreak.com
  • m.freak
  • Platinum Boarder
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.44 seconds

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.