Archived topic

How to create a negative indent

5 replies · Started by Swadhin on August 4, 2018

Viewing posts 1–6 of 6

August 4, 2018 at 12:45 am #640075

Hi there,

I want to give my subheads a negative indent (only in the blog post and pages, not in sidebar or elsewhere) of -10px so that they stand out.

I request you to please read this description by Dustin of Dustn.tv fame (founder of social warfare plugin). He says he uses it only on screens above 1200 px he says.

Please help me with the code for that.

Thanks so much,
Best,
-Swadhin

August 4, 2018 at 8:18 am #640305

Hi there,

What do you mean by subheads?

Let me know :)

August 4, 2018 at 9:04 pm #640654

By Subheads I meant headings other than H1.

So the query is, how to add that negative indent for H2, H3, H4 H5 H6 etc

Thanks,
Best regards,
-Swadhin

August 5, 2018 at 4:50 am #640778

You could try this:

.single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6 {
    margin-left: -10px;
}

August 5, 2018 at 6:18 am #640799

Thanks so much, David.

Bet regards,
-Swadhin

August 5, 2018 at 6:24 am #640803

You're welcome !

This archived topic is closed to new replies.

Start building better websites today.