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
  • 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:2726
  • 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:2726
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
  • 2
Time to create page: 1.22 seconds
Monday 25 March 2019

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.