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
  • Page:
  • 1
  • 2

TOPIC: Height of page

Height of page 21 Nov 2014 16:13 #5832

Hello, I would like to change the height of the pages in the vision of the articles. I would like the height of the page fit with the content and not to remain a blank space at the bottom if the item is a few lines .
Thanks in advance

  • Posts:2
  • al.divina
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Height of page 24 Nov 2014 17:04 #5846

I have the same question

  • Posts:2
  • ynacho
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Height of page 06 Feb 2015 08:57 #6218

In the css/responsive.css, modify
 
.rotate {
position: absolute;
left: 0;
top: 120px;
right: 0;
z-index: 1;
}
 

to
 
.rotate {
position: absolute;
left: 0;
top: 120px;
/*right: 0;*/
z-index: 1;
}
 

 
.rotate h1 {
display: block;
}
 

to
 
.rotate h1 {
display: inline-block;
}
 

In the css/template.css, modify
 
.padder {padding: 20px;}
 

to
 
.padder {padding: 20px 20px 50px;}
 

In the template file index.php, modify
 
//rotate
<?php if($option != 'com_contact') : ?>
...
 
 

to
 
//rotate
<?php if($option != 'com_contact') : ?>
if(jQuery('.cholder-inner').height() < jQuery('.rotate').width()) {
jQuery('.cholder-inner').height(jQuery('.rotate').width()+70);
}
<?php endif; ?>
var bottom = jQuery('.rotate').width()/2;
var left = bottom-(jQuery('#left').width()+40)/2;
jQuery('.rotate').css('top', bottom);
jQuery('.rotate h1').css('left', -left);
var cbottom = jQuery('.backToCategory').width()/2;
jQuery('.backToCategory').css('top', cbottom);
jQuery('.backToCategory p').css('left', -cbottom-jQuery('.backToCategory').height()/2);
 
jQuery( window ).resize(function() {
var bottom = jQuery('.rotate').width()/2;
var left = bottom-(jQuery('#left').width()+40)/2;
jQuery('.rotate').css('top', bottom);
jQuery('.rotate h1').css('left', -left);
var cbottom = jQuery('.backToCategory').width()/2;
jQuery('.backToCategory').css('top', cbottom);
jQuery('.backToCategory p').css('left', -cbottom-jQuery('.backToCategory').height()/2);
});
 


joomfreak
Last Edit: 09 Feb 2015 03:13 by isupport.
The following user(s) said Thank You: plomez

  • Posts:2137
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: Height of page 06 Feb 2015 12:37 #6225

thanks a lot!

  • Posts:2
  • ynacho
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Height of page 07 Feb 2015 19:34 #6227

hello I too have the same problem but also the changes that you've just given the result does not change ..
http: //graphicservice.joomlafree.it/index.php/about/grafica.html
Thank you!

Re: Height of page 09 Feb 2015 03:10 #6230

Hello,
I see you didn't modify css.

joomfreak

  • Posts:2137
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
  • 2
Time to create page: 0.94 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.