I am using a wordpress rating plugin that connects to an external URL stylesheet in order to display the ratings.
So I'd like to change the font-size of the stars that are displaying on my site.
I can see that the look of the font is defined in the following stylesheet and url: https://publ.ratingz.com/app/FF897e.app.css
The star font is using class .rate-me-ratingz
I've been trying to change the font size using this class together with !important
tag, but I guess that will not work, right?
Is there any way to edit and customise this external stylesheet in this case?
You just have to override the style.
Method 1:
Use !important
as you mentioned. E.g. .rate-me-ratingz { font-size: 25px !important; }
Method 2:
Use a more specified rule. By adding an id, an additional class, or an element, it will override the rule. E.g.
html .rate-me-ratingz { font-size: 25px; }
#page .rate-me-ratingz { font-size: 25px; }
div.rate-me-ratingz { font-size: 25px; }
Method 3:
Use an in-text style. This is more specified. E.g.
<head>
<style>
.rate-me-ratingz { font-size: 25px; }
</style>
</head>
<body>
....
</body>
Firebase Cloud Functions: PubSub, "res.on is not a function"
TypeError: Cannot read properties of undefined (reading 'createMessageComponentCollector')
I'm pretty new to responsive design, please bear with meI'm building my Dad's site for him & I applied the following css code to the logo image:
How do I add a hover style to highlight a row that the cursor is on as well as another hover class to highlight the one specific cell(diff color, etc) that the cursor is on?
I'm specifically looking at this site here:
I am playing around with SVGs (trying to replace icon fonts with SVG) I got it to render the image/svg using object tag