using a css class inside PHP

Question

I have to set up this function, which gets a value out of a custom field in a Wordpress article editor. It works and displays the price I inserted in the editor (e.g. 20,00)

BUT I can't style it using css.

<div class="price">
   <p>
      <?php echo '<div class="price">'. get_post_meta( get_the_ID(), 'price', true).'</div>'; ?>€
   </p>
</div>

This is my css file:

.price { font-size:50px; color:#8e8e8e;  }

Why does the css not apply to the code?

Paragraphs can't contain div tags, so the browser tries to correct for that and changes the HTML. — j08691
– j08691, Commented Oct 17, 2014 at 15:58

Surreal Dreams · Accepted Answer · 2014-10-17 16:01:07Z

1

CSS applied with PHP is no different than any other CSS. That's not the problem.

It's probably a matter of some other CSS with a more specific selector overriding your definition for .price. Also, make sure that the path to your CSS file is correct and the code is loading. To diagnose this, load the script in your browser and use the code inspector to look at the div with the .price class. It will show you all the CSS applied to the element and you will be able to see if your .price class rules are being applied and if they are overridden by another rule.

Get to know your code inspector - FireBug for FireFox is a valuable add-on, and Chrome has decent inspector built in. It's a powerful tool to figure out styling problems, among other things.

answered Oct 17, 2014 at 16:01

Surreal Dreams

26.4k4 gold badges49 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

using a css class inside PHP

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related