When you decrease the row height to a certain number, it becomes hidden. You will need to use CSS or JavaScript to change this.

This blog post will walk you through 4 steps on how to decrease the row height on your website and make things easier for yourself!

STEP ONE: Find the CSS or JavaScript Code to Decrease Row Height

Your browser might have a set of cursors that change color when you hover over them. If this is your case, I recommend using these (especially if they are in different colors). That way people know what type of cursor they should be looking for on your website!

In order to decrease row height, open up an editor like Notepad++ and find the location where it says “Row Heigh”. Then delete everything before it and add custom text after it. The following code will work well for decreasing row heights: __px; __rem; . This blog post will walk you through how to do this with four steps below! Keep scrolling to find the next steps.

STEP TWO: Build a Custom CSS File and Save It in Your Website’s Directory

Open up Notepad++ again (or any other text editor) and type out the following code, replacing YOUR-FILENAME with your filename: @import “reset”; body { font-family:”Arial”, sans-serif; background:#fafafa;} / Row Heigh / .row_height__rem{ height:100%;} __px; __rem; h0–preheader > ul li { padding-bottom: 20px !important;} .social__listing + div::before, #content + article._section span xs nav img.plansimg { height: 100% !important;} .social__listing + div::after, #content + article._section span xs nav img.plansimg { padding-bottom: __px; }

Save it as “YOUR-FILENAME” in the root directory of your website (so if you’re building this blog post on a local test server, save these edits to the same folder that contains index.html). The file will be saved with an extension of “.css”.

STEP THREE: Edit Your Header HTML Document With This Custom CSS File and Save It Again Open up Notepad++ again or any other text editor and type out following code into Notepad++ like before replacing YOUR-FILENAME with the name of your .css file.

HEADER HTML CODE BEGINS HERE:

This is where you will add or edit code to customize how your header appears on screen when in use!

Your browser’s default settings may affect this appearance, so please double-check that it looks as desired before publishing.

NOTE: If you are building a blog post for someone else to view and they have not yet published their website, place “index.html” instead of what they’ve named their index document within these brackets (example below). When viewing in Notepad++ select View > Word Wrap from the menu bar at any time if necessary.

The outer container needs closing tags with an end tag next -Everything inside should be denoted with tags, and end in an open tag -End the outer container

If you have a title for your website’s index document, it can be added here. If not, leave this empty:

TITLE HERE

Remove any unwanted content from the code below before pasting into Notepad++ to save time! All you need is what is shown between the brackets on line one. Save as .html or whatever extension you would like within these (example below). When viewing in Notepad++ select View > Word Wrap from the menu bar at any time if necessary.

Please note that all headers must include closing tags with an end tag next (examples below) [[h]] + headers

[[h]]

Fill in the content below with your desired text. You can add more than one paragraph, as well as lists and tables if necessary.

CONTENT GOES HERE HELPERS GO BELOW CONTENT HERELINES ARE OPTIONAL AND CAN BE REMOVED IF YOU PREFER A CLEAN LOOK TO YOUR TEXT DO NOT SPACIFY LINE BREAKS WHEN WRITING LONG FORM CONTENT OR IT WILL CAUSE THE PARAGRAPHS TO OVERLAP [B]Content goes here[/b][br]

-Do not add additional information before or after the content. It can be inserted at a later time by editing this page and adding it into your blog post’s body text.

[B]CONTENT GOES HERE HELPERS GO BELOW CONTENT HERELINES ARE OPTIONAL AND CAN BE REMOVED IF YOU PREFER A CLEAN LOOK TO YOUR TEXT DO NOT SPACIFY LINE BREAKS WHEN WRITING LONG FORM CONTENT OR IT WILL CAUSE THE PARAGRAPHS TO OVERLAP[/b][br]-Content goes here-[br]-Do not add additional information before or after the content. It can be inserted at a later time by editing this page and adding it into your blog post’s body text.

XT DO NOT SPACIFY LINE BREAKS WHEN WRITING LONG FORM CONTENT OR IT WILL CAUSE THE PARAGRAPHS TO OVERLAP [b]CONTENT GOES HERE HELPERS GO BELOW CONTENT HERELINES ARE OPTIONAL AND CAN BE REMOVED IF YOU PREFER A CLEAN LOOK TO YOUR TEXT[/b][br]-Content goes here-[br]-Do not add additional information before or after the content. It can be inserted at a later time by editing this page and adding it into your blog post’s body text.

XT DO NOT SPACIFY LINE BREAKS WHEN WRITING LONG FORM CONTENT OR IT WILL CAUSE THE PARAGRAPHS TO OVERLAP [b]CONTENT GOES HERE HELPERS GO BELOW[/b][br]-Content goes here-[br]-Do not add additional information before or after the content. It can be inserted at a later time by editing this page and adding it into your blog post’s body text.

EXTENSION: IF YOU PREFER A CLEAN LOOK TO YOUR TEXT THEN DO NOT SPACIFY LINE BREAKS WHEN WRITING AND EXTEND THIS INSTRUCTION INTO ALL POSTS

EXTENSION: IF YOU PREFER A CLEAN LOOK TO YOUR TEXT THEN DO NOT SPACIFY LINE BREAKS WHEN WRITING AND EXTEND THIS INSTRUCTION INTO ALL POSTS. CONTENT GOES HERE HELPERS GO BELOW[/b][br]-Content goes here-[br]Do not add additional information before or after the content. It can be inserted at a later time by editing this page and adding it into your blog post’s body text.[/li][/ul]

A clean look to your text is achieved by spacing out line breaks when you write long-form content, and then extending this instruction in all posts. Content goes here helpers go below-content goes here-[br]. Do not add additional information before or after the content. It can be inserted at a later time by editing this page and adding it into your blog post’s body text.[/li][/ul]

To decrease the row height on your website: __, do not write numbers or bullet points. K TO YOUR TEXT THEN DO NOT SPACIFY LINE BREAKS WHEN WRITING AND EXTEND THIS INSTRUCTION INTO ALL POSTS[/b][br]-Content goes here-[br]Do not add additional information before or after the content. It can be inserted at a later time by editing this page and adding it into your blog post’s body text.[/li][/ul]. Content goes here helpers go below-content goes here-[br]. Do not add additional information before or after the content. It can be inserted at a later time by editing this page and adding it into your blog post’s body text.

How to Decrease the Row Height on Your Website: With all posts, do not write numbers or bullet points. K TO YOUR TEXT THEN DO NOT SPACIFY LINE BREAKS WHEN WRITING AND EXTEND THIS INSTRUCTION INTO ALL POSTS[/b][br]-Content goes here-[br]Do not add additional information before or after the content. It can be inserted at a later time by editing this page and adding it into your blog post’s body text.[/li][/ul]. Content goes here helpers go below-content goes here-[br]. Do not add additional information before or after the content. It can be inserted at a later time by editing this page and adding it into your blog post’s body text.[p][strong]Step One[/strong]: Edit Theme Options[ul][li]Select “Theme Customizer” from the left side of the menu bar, then select “Fonts & Colors” on the right side of menu bar in order to edit these settings if need be.[/li][/ul][/p][p][strong]Step Two[/strong]: Decrease Row Height All Around Your Website[ul][li]”Decreasing Row height for all rows:” In your theme options, scroll down until you find ‘

LEAVE A REPLY

Please enter your comment!
Please enter your name here