SOLVED Apply attributes to article images only
-
-
- Tim Miller
- Elite Rocketeer
- Posts: 949
- Thanks: 7
- Video, Joomla, Grfx
-
Hi Guys,
I'd like to add rounded corners and a shadow to article images.
However, If I apply these, it affects all images...I'd like to have ARTICLE IMAGES only be affected.
http://chamberconnect.com/anacronimg { box-shadow: 2px 3px 3px #000000; border-radius: 5px; }
Wondering if there is a simple way...
Thanks in advance, - Last Edit: 9 years 11 months ago by Tim Miller.
- ----
Tim Miller
timmiller.net
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Always simple with Rockettheme on your side. Try this:
<a href="some-link"><img class ="rt-image" src="images/my-image.jpg" /></a>
"rt-image" will give a border-radius and box-shadow.
-
-
-
- Tim Miller
- Elite Rocketeer
- Posts: 949
- Thanks: 7
- Video, Joomla, Grfx
-
Ok, got that. I was looking for a way for clients to have those attributes, when they use the built - in image tab within the artical...not inside the editor. ...
Thx, - ----
Tim Miller
timmiller.net
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Tim Miller wrote:
Ok, got that. I was looking for a way for clients to have those attributes, when they use the built - in image tab within the artical...not inside the editor. ...
Thx,
You can still do that just use specific CSS to add the rt-image styling:
.your-specifier img { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); border-radius: 5px; border: grey 1px solid; padding: 15px; }
So if the client uploads an image into a content area that you've defined with ".your-specifier" then your good to go. -
The following users have thanked you: Tim Miller
-
-
-
- Tim Miller
- Elite Rocketeer
- Posts: 949
- Thanks: 7
- Video, Joomla, Grfx
-
Dan,
Right...so how would I go about defining a content area...totally understand a specifier, not sure where to define... - ----
Tim Miller
timmiller.net
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Tim Miller wrote:
Dan,
Right...so how would I go about defining a content area...totally understand a specifier, not sure where to define...
Not a problem. Can you define what parts of the site the users would be adding those images to then I can take a look and get a specifier for you to use.
-
-
-
- Tim Miller
- Elite Rocketeer
- Posts: 949
- Thanks: 7
- Video, Joomla, Grfx
-
Yep,
The only thing clients will be doing with imagery is uploading/adding from the "Images & Links" tab using "Intro Image" and "Full Article Image."
Thanks! - ----
Tim Miller
timmiller.net
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Tim Miller wrote:
Yep,
The only thing clients will be doing with imagery is uploading/adding from the "Images & Links" tab using "Intro Image" and "Full Article Image."
Thanks!
Try this:
article.item-page img { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); border-radius: 5px; border: grey 1px solid; padding: 15px; }
-
-
-
- Tim Miller
- Elite Rocketeer
- Posts: 949
- Thanks: 7
- Video, Joomla, Grfx
-
Dan,
That worked perfect. Thanks so much. What would be the magic line for setting the blog view the same?
This is such a cool trick. - ----
Tim Miller
timmiller.net
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Tim Miller wrote:
That worked perfect. Thanks so much. What would be the magic line for setting the blog view the same?
Do you have a specific link I could go to see the blog view?
-
Time to create page: 0.056 seconds