VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
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.65 seconds
Friday 29 March 2024

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.