change CSS in external URL stylesheet - Wordpress
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>
-
05:30
-
04:00
-
00:00
-
10:30
-
9:10
-
07:40
Firebase Cloud Functions: PubSub, "res.on is not a function"
-
04:00
TypeError: Cannot read properties of undefined (reading 'createMessageComponentCollector')
-
9:20
-
7:40
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 111624 visits
- search for elements in a list 111072 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 98836 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 96341 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 92538 visits
- NetBeans IDE - ClassNotFoundException: net.ucanaccess.jdbc.UcanaccessDriver 62054 visits
- Adding methods to es6 child class 22381 visits
