https://ortonarecords.com/product/ortona-womens-cut-sew-casual-leggings/
For some reason, I cant find the right CSS to change this text color.
As you can see, QTY options, headers and the table are barely visible.
Any help would be greatly appreciated!
Hey @marzetti,
Welcome to our Support Forum and thanks for writing in.
The best way to find the CSS or style applied to any element is to use the browser’s element inspector. The following screenshot (click the image to enlarge) shows what selector and declaration you need to override. Put your custom CSS in Theme Options > CSS. That is the area to override theme styles.
Hope that helps.
Would this be the right way? And apply globally?
.quantity_5ea985a043340 {
color: #fff;
}
Also, what about the body/table? I can’t seem to find the correct CSS for it.
Hey @marzetti,
To your question:
Nope. The correct selector could be found on the right and it’s input[type="number"]. Please check out the tutorial I linked to previously to learn how to use the browser’s dev tools so you can find the correct selector.
If you added the code in Theme Options > CSS, yes because that is the Global CSS.
------------------------------------------------------------
You can find the table styles the same way as I’ve showed you. Use the browser’s element inspector. Add a table HTML in the content. If you’re using Cornerstone, use the Raw Content element. You then view the live page and use the browser’s element inspector to view the styles applied to the table.
Regretfully, that’s the only way you can find the styles because the stylesheet of our themes is minified for optimization purposes so it won’t make sense, reading them.
Please also note that we can’t help you with custom CSS coding including answering custom CSS questions. That is outside the scope of our theme support.
Hope that helps and thank you for understanding.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
