Class selector issue

[Brent_St]

Hi,

I have created a class orange-border for use around images.

The box shadow style works but the border styles do not. I had also tried adding the styles using the inline css but had the same issue.

Any help is greatly appreciated.

Thanks,

Brent

[Prasant]

Hello Brent,

Thanks for asking.

Please add following CSS under Pro > Theme Options > CSS:

.orange-border {
    border: 3px solid #cc2525;
    padding: 1px;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.

[Brent_St]

i was using:

.orange-border {
box-shadow: 2px 5px 20px 0px rgba(255, 175, 0, 0.8);
border-style: solid;
border-color:#ffaf00
}

this css worked for rows but not individual images.

I definitely appreciate the new css and the links but am wondering if you can tell me why the css i was using didn;t work?

thanks

Brent

[ruenel]

Hello Brent,

I have inspected your page and I can confirm that your custom css is perfectly working.

Again, to make this work, you must apply orange-border as a custom class of the image element or any element that you want to have a border.

Hope this helps.