CSS does not overlap

Asked

Viewed 192 times

1

Even using ! Important, I can’t increase the font-size of the text of this form. I’ve tried font-size:

  • in the custom CSS (theme options) I’m using
  • in the plugin CSS (Gravity Forms)

And none of them worked. How can I increase the font size in this specific form? Thank you.

https://designportugal.net/questionario-duas-perguntas/

css wordpress

  • Enter your code

  • by the browser inspector I managed to change, sure that there is no other overriding rule?

  • I’m putting this (in the theme’s Custom CSS) but it doesn’t work: http://pastebin.com/xGt4Gi4V

  • @leofonts, I can also change by the browser inspector, but it doesn’t register the change when I put in the custom css of the theme (nor in the CSS of Gravity Forms).

  • @Jonasmarques try to pass some other rule that is easily noticed, as color of the text and see if changes occur. Probably Voce is not managing to "hit" the element with the rule

  • @Leofontes, I tried everything and I couldn’t. I understand that there must be some rule overwriting, but I don’t know what or where. I’m frustrated: something so simple I can’t fix.

Show 1 more comment

1 answer

0

You must use the label class

.gform_wrapper .top_label .gfield_label{
  font-size: 20px;
}

After changing and saving you need to check in the browser inspector if he is modifying the size.

Through the link you placed I could not see your change only the default theme.

With !important should work.

Browser other questions tagged css wordpress

You are not signed in. Login or sign up in order to post.