putting border on content photos

[Laura]

Non-techy and newcomer to Generatepress. Probably under my nose, but I can’t find where to do anything to regular post photos, like a border.

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Laura]

postkatrinastella.com/staging/
thanks!

[Laura]

oh, and I finally ‘got’ that you wanted new topics opened. I was under the impression that it was preferred to find a topic already addressing the issue.

[Leo]

Are you referring to the featured images on the main post page?

If so this should work:

.post-image img, .featured-image img, .entry-content img {
    border: 2px solid #fff;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Laura]

All images, everywhere. The background photo makes it necessary, but even without one, I don’t think photos look good without a border.

[Leo]

Give this a shot first:
https://generatepress.com/forums/topic/putting-border-on-content-photos/#post-1466174

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Laura]

I’ve never done that. Where do I put that? Can’t I mess something up by doing something wrong (which I will)?

[Leo]

You can copy that code and paste it into Additional CSS field in the customizer 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Laura]

Before I try that, I’m thinking this doesn’t give me the settings of color and width, etc, and how it incorporate the caption, which is what my old theme did. Which means Generatepress doesn’t have a section that gives you control over photo presentation, am I right? I never checked to see whether WordPress had one, independent of theme, like the photo library is independent.
So what kind of border is this code giving me?

[Leo]

Before I try that, I’m thinking this doesn’t give me the settings of color and width, etc,

You can just edit the code I provide to suit your need:
border: 2px solid #fff;

2px is the border width.
solid is the border style.
#fff is the color.

Which means Generatepress doesn’t have a section that gives you control over photo presentation, am I right?

That is correct.

Can you start by adding the code I provided then we can go from there and make the adjustments if needed?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Laura]

Ah, yes, I see. Ok. Tomorrow, I’ll let you know. Thanks.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Laura]

YAY!! Did it, and changed color! Aces, Leo. Thanks. I won’t be quite so intimidated about adding css again. I appreciate your helping such a non-techy newbie. Many aren’t.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts