Change CSS Style in "Blog-item-content"

Help
#1

Hi Everybody,

I have done a blog page in my website using pulcms. I would like to change the CSS style of several elements but without modifying the style of the title, date and the name of the editor

image.jpg1608×1002 281 KB

I would like to add a margin of 15 px before the "Blog-item-Content" and change the style of "Read more" element to bold style. How could I do it but without modifying the rest of the elements, please?

Thank you very much,

Wardiam

#2

Edit css file:
-mysite-/pulsecore/asset/css/pulsecore.css

on line 59, add new code

.tag-blog-item-featured-image {
	margin-bottom: 15px;
}

.blog-read-more{
	/*font-weight: bold;*/
	font-weight: 900;
}

.tag-blog-item-content {
	margin: 15px;
}
2 Likes
#3

Thank you so much IvaRo. Your CSS code works perfectly. :grin:

The last question, how could I change the font color (to black #000000) to the text below the image, please?.

Thank you very much.

Wardiam

1 Like
#4

I answer to myself:

add this code to pulsecore.css

.tag-blog-item-content {
margin: 15px;
color: #000000;
}

1 Like
#5

Great solution @wardiam and @IvaRo

@wardiam - if you can add them as overwrites to your template styles file might be best in case of when updating Pulse installs! :slight_smile:

#6

Thanks. But how could I create CSS style with my changes to overwrite pulsecore.css?

#7

style pulsecore.css is a basic style, it is not appropriate to overwrite it.
I used the styling as the theme for future versions of Pulse.
Blog has its own style = inc / tags / css / blog.css.
Here you can edit your blog.

I recomend:

Use Firefox Developer Edition:

Here you will find everything you need:
"Tools / Web Developer"

edit-blog.png1440×900 159 KB

Look at similar sites, for example:

1 Like
#8

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