Site logo

Archived topic

How do I make titles closer in archive/blog/categores etc.

7 replies · Started by RJ on April 17, 2019

Viewing posts 1–8 of 8

Hi there,

Would this apply to all categories/archives/blog pages?

Let me know :)

Yes it would Leo.

TIA, Robin

Try this first:

.one-container.blog .inside-article, .one-container.archive .inside-article {
    padding: 0;
}

If you want to remove some more space, then use this:

.one-container.blog .post, .one-container.archive .post {
    margin-bottom: 0.5em;
}

Let me know :)

That's great Leo, it worked, thanks.

One last thing. How can I add a bullet or image/icon next to each title?

Hi there,

you could use some CSS like this to add 'something' before the title:

h2.entry-title:before {
    content: 'x';
    left: -1em;
    position: relative;
    z-index: 1;
}

You can replace the x with a HTML unicode to use one of the built in icons, see here:

https://www.toptal.com/designers/htmlarrows/symbols/

Or any other icon library you may choose to install.

Or instead you can write the property for use with an image: content: url('url-to-my-image');

Bloomin' marvellous David. That worked great. Thanks to you and Leo. Closing ticket now.

Awesome - pseudo elements in CSS are really cool. Glad we could be of help.

This archived topic is closed to new replies.