change CSS in external URL stylesheet - Wordpress

418
April 10, 2017, at 09:05 AM

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?

Answer 1
No, it would work.

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>
Rent Charter Buses Company
READ ALSO
Logo cut off in mobile view

Logo cut off in mobile view

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:

277
CSS Hover entire row as well as single cell

CSS Hover entire row as well as single cell

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?

431
How to enable a dark theme by default, instead of toggle button?

How to enable a dark theme by default, instead of toggle button?

I'm specifically looking at this site here:

363
SVG object change color from external CSS

SVG object change color from external CSS

I am playing around with SVGs (trying to replace icon fonts with SVG) I got it to render the image/svg using object tag

563