Here’s how I figure out css
(the following is chrome in windows but should be similar for other browsers)
Inspect the element you’re wanting to figure out by right clicking on it and selecting inspect element. This will bring up a developers tool window. On the html side, I start to look for the div/container I want. Then I select it and looks at the css being generated (styles windows). From there, you can see where the css rule is being loaded from.
So lets walk through this particular case. I went to the media tab in my profile and right clicked on the first image, then selected inspect element.
When the dev console came up, it had the code highlighted. Turns out that was enough to be able to figure out where the css was coming from, but sometimes you’ll have to select a div/eleent above it. On the right hand side, you’ll see the css rules and main.css?ver=3.7.24. If you hover your mouse over it or click on it, you’ll be able to see the full path.
This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
