WordPress.org

1. surfershort
   Member
   Posted 1 year ago #

   Hi ive been trying for hours to increase the height of the recently added listings section on my home page, as the text excerpt over runs as you can see here.

   i can locate the css in firebug but cant find the code in the theme

   Any help very appreciated thanks

   Al

2. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   It's being set by inline style within the page:

   <div style="border-bottom: 1px solid white; margin-top: 10px; height: 75px;">

3. surfershort
   Member
   Posted 1 year ago #

   Thanks esmi but where would i find that code to edit...?

   Cheers

4. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   Either in your theme's index.php template file or in one of your plugins.

5. surfershort
   Member
   Posted 1 year ago #

   Ok ive searched the entire theme on my local drive for the '75px' height thing and it or i cant find it anywhere, would it be outside the theme...? i only have akismet and wp-super cache running as plugins and im guessing it wouldnt be in them.

   Thanks

6. alchymyth
   The Sweeper
   Posted 1 year ago #

   where ever these styles come from, you can overwrite them by forcing other formats:
   added to the end of style.css:

   .column.fr .box, .cnt-portfolio { height:100%!important; }
   .cnt-portfolio div { height:100%!important; padding-bottom:10px!important;}
   .cnt-portfolio div.cl {height:0px!important; }

7. surfershort
   Member
   Posted 1 year ago #

   Thanks guys you rock!!!!thats sorted it.!

   Cheers
   Al

8. surfershort
   Member
   Posted 1 year ago #

   Oh.......it seems that code works a treat on the front page but plays up a little in the post listings as you can see here

   Ive tried playing around with code a little to no avail. Any thoughts?

   Cheers

9. surfershort
   Member
   Posted 1 year ago #

   anyone.....?

   Thanks
   Al

10. alchymyth
    The Sweeper
    Posted 1 year ago #

    this is always the risk, tweaking styles for one page - you never know if it might have side effects on other pages.

    try to add another line to these styles:

    .column.fr .box, .cnt-portfolio { height:100%!important; }
    .cnt-portfolio div { height:100%!important; padding-bottom:10px!important;}
    .cnt-portfolio div.cl {height:0px!important; }
    
    .column.fr .box.last-box1 { height: 250px!important; }

    hope it does not cause disruptions elsewhere ;-)

11. surfershort
    Member
    Posted 1 year ago #

    Alchymyth the master! thanks so much, i owe you a pint.

    Cheers Al

Topic Closed

This topic has been closed to new replies.