• Resolved tottello

    (@tottello)


    Hello, when I add component I got a lot of inline style like this:

    #uagb-infobox-e0238ed0-59ea-410e-bddd-cf0a8a78d7c9 .uagb-ifb-icon svg

    I want to be able to make styling for this element through my theme css, but with this inline thing is very difficult.
    How can I disable this?

    I am using latest 1.12.5 version

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hello @tottello,

    All the stylings from UAG are added as an inline style. So it is not possible to remove the inline style.

    I hope this clarifies your query.

    Regards,
    Balachandar Karuparthy

    Thread Starter tottello

    (@tottello)

    Thank you for your answer.

    Probably it would be good idea to have option to prestyle components by theme css.

    IMO adding component with no changes in editor (colors, font size etc) should leave component easy to style by theme CSS which is not possible now because I have to use !important which makes a lot of problems later.

    What do you think about it?

    Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hello @tottello,

    Until and unless you have selected an option or the block’s options have default values the CSS won’t be applied on the frontend. You can clear the values from the backend editor and then the CSS won’t be applied on the frontend and you can override it from your theme’s CSS.

    Also, In the case of default values, Gutenberg doesn’t allow to clear the default so their CSS would always be added and you would need to increase the class weight or use !important in order to override the CSS.

    Regards,
    Balachandar Karuparthy

    Thread Starter tottello

    (@tottello)

    Thank you for your fast reply.

    I thought this should work that way but reseting value in gutenberg and saving doesnt work. After saving I still have values.

    https://testug.serwereo24.pl/?page_id=2

    There are 2 infoboxes, first standard with no changes, second where I tried to reset values of icon color and size.

    So this is bug or something wrong with my config but this is just test, basic WP with your plugin only.

    Second thing, it would be better to have some hooks (?) to overwrite default values in editor (because even when I make styling in theme css I have to reset everything, everytime which is not very handy).

    Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hello @tottello,

    The values that are visible to you are because we have given those as the default values and Gutenberg doesn’t clear the default values. So even though you clear them they would still be applied on the frontend. For now, you need to override them by either increasing the class weight or using the !important.

    I have added your request to add a filter to change the default values to our to-do list and would be fixing it in our future updates.

    Your patience is highly appreciated.

    Regards,
    Balachandar Karuparthy

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Remove inline style’ is closed to new replies.