Formatting Blog Posts in X Theme Icon

Hi all,

How do I achieve the same format as this: http://demo.theme.co/icon-1/5-reasons-you-need-the-x-theme/

Right now, mine does not look like that: http://pureautodeals.com/alldeals/2019-pilot-lx-381/

I’d like the large heading with a paragraph that doesnt have such large page spacing in between.

Hello @caseyv22,

Thanks for writing in!

Actually you have the same set up with a slight difference where in your sidebar is on the right. You also have the missing breadcrumb and the post meta.

  • To enable the breadcrumb, you may go to X > Theme Option > Headers > Miscellaneous
  • For the Post Meta, please go to X > Theme Option > Blog > Content

Hope this helps.

Thanks, but how do I format the content for the Posts? See difference below

Hello @caseyv22,

You have the same content format like in the demo:

The only difference is that the demo is using just a plain texts and you are using a preformatted text which explains the gray block.

Do you want something like this instead?

If that is the case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.single-post .entry-featured {
    margin: 0 10%;
}

We would loved to know if this has work for you. Thank you.

I removed the preformatted text and it does not look like the same styling. When I add a new line in the Posts, it gives extra space: http://pureautodeals.com/alldeals/2019-pilot-lx-381/

Hi There,

Wrap that content on a <p> tag and use <br /> to break them.

e.g.

<p><strong>Due At Signing:</strong> $1000<br />
<strong>Mileage Allowance:</strong> 12,000<br />
<strong>Term:</strong> 36 Months</p>

Hitting the return to break a text will generate a <p> tag for each line and that is where the gaps coming from.

If you don’t like writing HTML on your posts, please make that type of content an unordered lists.



Also, the font-family used on the Icon 1 demo is ‘Lato’, if you like that font, please navigate to Theme Options > Typography and change the Body Font and Headings Font to ‘Lato’

Hope it helps,
Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.