Support ForumChange the h2 formatting – add text next to it – Support Forum

Change the h2 formatting – add text next to it

liger123 — Sun, 03 Aug 2014 13:57:02 +0000

Currently if you have a normal text immediately beside a h2 text, the normal text automatically goes to the next line.

How can I set it such that a normal word can exist beside a h2 tag.

Reply To: Change the h2 formatting – add text next to it

IshYoBoy — Sun, 03 Aug 2014 15:22:13 +0000

Hey,

The h1-h6 are block HTML elements which means they are fullwidth and all other elments and texts are no the next line.

If you want to have some text or other element you need to either use “float” or set its “display” property to be either “inline” or “inline-block”.

To do this you can use the “Custom CSS” field which is located under “Theme Options -> General settings”. You can add any CSS styles you wish.

P.S. In order not to target all H2 elements you can use the “Use Advanced Global Attributes” which are available for each page element. When you edit the element, scroll to the complete bottom of the pop-up window and you will see the option. Once you change it to “Yes” you will see additional fields and you can use the “Extra CSS Class” to add your own class.

So if you add a headline element, set it to be H2 and add your own class e.g. “my-headline” then you can use this css to address it:

h2.my-headline{
	... /* Add your styles here */
}

h2.my-headline{

... /* Add your styles here */

}

Hope this helps you make the change you are looking for!

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Change the h2 formatting – add text next to it

liger123 — Sun, 03 Aug 2014 15:43:56 +0000

Thanks for your reply. Can you pl complete the css code. Bit of a noob with such stuff.

Is adding this within the braces enough
display: inline

Reply To: Change the h2 formatting – add text next to it

IshYoBoy — Sun, 03 Aug 2014 15:48:59 +0000

Hey,

Try:

h2.my-headline{
    display: inline-block !important;
}

h2.my-headline{

display: inline-block !important;

}

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Change the h2 formatting – add text next to it

liger123 — Mon, 04 Aug 2014 06:48:55 +0000

doesnt work..

I tested it with this

Welcome

to WordPress. This is your first post. Edit or delete it, then start blogging!

text after h2 still goes to newline.

Reply To: Change the h2 formatting – add text next to it

IshYoBoy - Peter — Mon, 04 Aug 2014 07:30:26 +0000

Hi,

can you please provide link, where we can see it?

Thank you

---
If you are happy with our theme and support please rate us in your Downloads Section on ThemeForest. A 5 star rating is always a great motivation for us!

Reply To: Change the h2 formatting – add text next to it

liger123 — Mon, 04 Aug 2014 10:08:19 +0000

Here is the hello world post
tangibletreatments.com/hello-world/

Reply To: Change the h2 formatting – add text next to it

IshYoBoy - Peter — Mon, 04 Aug 2014 11:48:32 +0000

Hey,

thanks for link. Add to that my-headline style also “float: left;”. It will do the job. But please keep in mind, that H2 has different height and also line-height, so it wouldn’t be aligned together.

Anyway, my suggestion is to use H1, 2, 3, … as what they are for – titles and not to place them as a part of the content.

Have a nice day, bye

---
If you are happy with our theme and support please rate us in your Downloads Section on ThemeForest. A 5 star rating is always a great motivation for us!

Reply To: Change the h2 formatting – add text next to it

liger123 — Mon, 04 Aug 2014 14:19:32 +0000

Thank you! It worked.
I had a specific need, so tried this. But I decided to follow your advice and got a new font class for that need –

Reply To: Change the h2 formatting – add text next to it

IshYoBoy - Peter — Tue, 05 Aug 2014 06:45:34 +0000

You are welcome :)

If you will need any further assistance, just let us know.
Bye

---
If you are happy with our theme and support please rate us in your Downloads Section on ThemeForest. A 5 star rating is always a great motivation for us!