Recent
Categories
View Replies (4)

NINA template, shadows or rounded corners around pictures in articles?

0
Votes
Undo
  1. BengtH
    BengtH
  3. Commercial Templates
  4. Thursday, 08 September 2022
  5.  Subscribe via email
I bought the NINA template a few days ago.

Wondering if it is possible to create both round corners and shadow around images in articles?
Can I create either rounded corners or shadows around images in articles?
Maybe a frame around the picture?

I want to be able to create something similar to the attached image

BILD.jpg
Attachments (1)
BILD.jpg BILD.jpg
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of the image you wish to affect?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
BengtH
BengtH
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran

The NINA J4 site is under development. It is currently locked for access.

But you can find an image example in the old site, which is to be updated, here: https://videoproducenten.se/dronare

It is mainly images in articles that I want to be able to have rounded corners and or shadows on


Bengt
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Bengt

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.maincontent img {

    box-shadow: 2px 2px 6px rgba(0,0,0,.25);

    border-radius: 3px;

    border: 4px solid rgba(255,255,255,.8);

}


This will affect all images in the component area of your template (edit to taste).

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
BengtH
BengtH
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

Thanks so much!
It turned out exactly how I wanted it

Bengt
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!