identifying the specific selector for each link and image

ppstaking · Member · Jul 27, 2017 at 5:02 pm
Copy link

Add topic to favorites
I want to edit only a specific image but img. selector, edits all images.
Same with links a. edits all links.

How do I identify the selector for a specific image or/and a specific link?

Thanks again

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jul 27, 2017 at 7:27 pm
Copy link
What I use is the Web Inspector built into my browser. If you can give me a link to a page/post/portfolio project you wish to style, I can walk you through how to do it.
ppstaking · Member · Jul 27, 2017 at 7:37 pm
Copy link
For example on the front page I wish to edit the size and positioning of the img in the bottom right hand corner of the page. I understand how to do that. But I use `img {
height: 48px;
}`
which edits all images on the site including the ones on https://ppstaking.com/understand-poker-variance-dont-tilt/
I have learnt I can use a postid in front of the img, but what if I have two different images on a page I wish to edit to different sizes for example.
Does each image have an identifier?
ppstaking · Member · Jul 27, 2017 at 7:39 pm
Copy link
I have tor and mozilla ‘inspect element’, and firebug, but I am not sure what I am looking for.
garysixtyeight · Member · Jul 27, 2017 at 9:31 pm
Copy link
Does each image have an identifier?

No, but each widget does.

To target the image in the bottom right footer widget, please try using:
```
#linkcat-1356 img {
    height: 48px;
}
```
ppstaking · Member · Jul 27, 2017 at 9:45 pm
Copy link
That didn’t seem to do anything.
garysixtyeight · Member · Jul 27, 2017 at 9:47 pm
Copy link
Did you add it to the customizer, then save it?

I’m unable to see it in the site’s custom CSS file.

If you removed it, please add it back so I can try to troubleshoot why it might not be working.
ppstaking · Member · Jul 27, 2017 at 11:22 pm
Copy link
Yes I removed it.
It is now back in and saved.
garysixtyeight · Member · Jul 27, 2017 at 11:35 pm
Copy link
The image is now 48px when I view your site.

Screenshot – https://cloudup.com/ctUnhYFN4aE

Are you seeing something different?
thesacredpath · Member · Jul 28, 2017 at 6:05 am
Copy link
@ppstaking, you might try clearing your browser cache as it may be that your browser is pulling from the cache instead of reloading the files from the site.
ppstaking · Member · Jul 28, 2017 at 8:08 am
Copy link
Yes it did work. Sorry!
The issue I was, and am still having is that the image size hasn’t/hadn’t changed in the customiser, making me believe the code didn’t work. It’s the first time that’s happened to me.
Thanks to the both of you for your help with everything. You’ve been great.
I am very pleased with the result, and I’m very pleased about the CSS learning i’ve been doing here.
thesacredpath · Member · Jul 28, 2017 at 11:26 pm
Copy link
Awesome, and you are welcome!

No items found.