BlueOwlCreative » Topic: Set Row Height to Percentage of Screen https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/feed/ Mon, 24 Aug 2026 17:20:49 +0000 http://bbpress.org/?v=2.5.3-5249 en-US https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30678 <![CDATA[Set Row Height to Percentage of Screen]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30678 Wed, 21 Dec 2016 15:57:00 +0000 CoderZ Is there a way to do this? I tried giving my row an id and in custom CSS I wrote height: 80% and height: 80vh. Both just pushed everything down.

]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30683 <![CDATA[Reply To: Set Row Height to Percentage of Screen]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30683 Thu, 22 Dec 2016 07:47:00 +0000 BlueOwl Hi there,

I don’t think this will work, in general setting container height as percentage of its parent is tricky with CSS… :)

]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30685 <![CDATA[Reply To: Set Row Height to Percentage of Screen]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30685 Thu, 22 Dec 2016 08:00:32 +0000 CoderZ How would you recommend I accomplish this then? Is there a certain pixel height that will achieve this affect for most desktop views? Or perhaps I can add the next column of text to the first row but give it a different background?

]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30686 <![CDATA[Reply To: Set Row Height to Percentage of Screen]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30686 Thu, 22 Dec 2016 09:17:08 +0000 BlueOwl Let me see your URL and what you are trying to do?

]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30687 <![CDATA[Reply To: Set Row Height to Percentage of Screen]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30687 Thu, 22 Dec 2016 09:21:31 +0000 CoderZ Thanks @BlueOwl

http://coderz.staging.wpengine.com/new-home-page/

The section that starts what is coder I want to see above the fold.

]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30694 <![CDATA[Reply To: Set Row Height to Percentage of Screen]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30694 Fri, 23 Dec 2016 13:09:40 +0000 BlueOwl Hmm, not sure I get it… you want this section “WHAT IS CODERZ?” to go where?
Can you show in a screenshot what you are after?

]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30704 <![CDATA[Reply To: Set Row Height to Percentage of Screen]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30704 Mon, 26 Dec 2016 08:40:02 +0000 CoderZ I want it to be seen at the bottom of the screen so that the user does not have to scroll down to see it. Here is a screenshot.

https://mhorwitz-intelitek.tinytake.com/sf/MTIxOTE3Nl80NjU3MjY3

]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30710 <![CDATA[Reply To: Set Row Height to Percentage of Screen]]> https://blueowlcreative.com/support_wp/forums/topic/set-row-height-to-percentage-of-screen/#post-30710 Tue, 27 Dec 2016 15:12:35 +0000 BlueOwl Here’s what I see:

I guess that depends on the user screen size.
And which column again you want 60% height of what? :)
You can’t set a row to be 60% of the screen size if that’s what you are after… :)

]]>