• The free version of this plugin seems limited in the capacity of it’s UI, only able to make labels that are horizontal rectangles, rounded rectangles, and circles. Except it also includes an extensive custom CSS feature! If you know how to code, you can do a lot. I do wish it supported ::before and ::after elements. If it does, I have not figured out how to get them to work yet.

    • This topic was modified 5 years, 10 months ago by awpulley.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Dmytro Holovnia

    (@dholovnia)

    Hi,

    You can set custom class for any element. When class is set open plugin settings page tab CSS and add your styles with :after, :before by the class.

    “The free version of this plugin seems limited in capacity” – could you explain what is limiting you? What features are you missing?

    Regards,
    Dima

    Thread Starter awpulley

    (@awpulley)

    “The free version of this plugin seems limited in capacity” – it only seems able to make circles, rectangles, and rounded rectangles, all horizontal, unless you use custom CSS. I will edit the review for clarity.

    ::before and ::after – Using the <span> element as a test case, I was easily able to add a class of “test” in your plugin settings. I then tried adding the following to the <span>’s custom CSS field in your plugin settings:

    .test::after {
    height: 30px;
    width: 30px;
    background: red;
    display: block;
    }

    I then cleared my cache and refreshed my page front-end (in Chrome), and as I suspected, it tried to put that code inside the span’s existing selector, and it did not work:

    .br_alabel.berocket_alabel_id_83352 > span {
    .test: :after {;
    height: 30px;
    width: 30px;
    background: red;
    display: block;
    }: ;
    }

    I tried the following selectors in the <span>’s custom CSS field, and none worked:

    .test::after
    test::after
    ::after
    :after

    I can probably use my child theme’s style.css to do it, using the selector
    .br_alabel.berocket_alabel_id_83352 > span::after
    That’s not a real problem, but it does look like this can’t be done in your plugin’s settings like you describe.

    Plugin Author Dmytro Holovnia

    (@dholovnia)

    Hi,

    Probably I wasn’t clear:
    “You can set custom class for any element. When class is set open plugin settings page tab CSS and add your styles with :after, :before by the class.”

    Not in the label but on the plugin settings page(main settings) tab CSS.

    Regards,
    Dima

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom CSS gives it some power’ is closed to new replies.