• Resolved albridi

    (@albridi)


    Hi there ?? !

    I’m trying to hide some sections that I won’t be using in the template by using Custom CSS, but when I type this:

    #epta-template > div.col-md-4 > div > div:nth-child(1){display:none;}

    After saving the changes I get this:

    #epta-template > div.col-md-4 > div > div:nth-child(1){display:none;}

    As you can see, “>” is replaced by “>” invalidating the code.

    How could I fix this?

    Kind regards.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Jyoti Bhandari

    (@jyoti197)

    Hi @albridim

    Thanks for using our plugin.
    Could you explain with the help of a screenshot what you want to hide from the event single page and also share website specific URL with us so I can take a closer look and provide you with custom css?

    Thanks & Regards

    Thread Starter albridi

    (@albridi)

    Hi @jyoti197, thanks for supporting ?? .

    I need to hide several things. As an example, the first container marked with the class “epta-sidebar-box” that contains the “tribe-events-notices”. The problem is that I can’t point to “epta-sidebar-box” because if I do, I will hide all elements marked as “epta-sidebar-box”. The only way to point to the container is by using the CSS code:

    #epta-template > div.col-md-4 > div > div:nth-child(1){display:none;}

    But your plugin escapes the “>” converting it to “& g t ;”. By the way, I just realized that here occurs the contrary “& g t ;” is converted to “>”.

    I can use the above CSS code by putting it in the “Additional CSS” area of the WordPress theme I’m using (ASTRA), and it works fine. But if I attempt to put it in the “Custom CSS” of your plugin, it doesn’t works because of the escaping of the “>” characters.

    Is there a way to solve this?

    Kind regards.

    • This reply was modified 2 years, 5 months ago by albridi.
    Plugin Support Jyoti Bhandari

    (@jyoti197)

    Hi @albridi,

    Sorry for the inconvenience.
    Go to event-page-templates-addon-for-the-events-calendar\includes\epta-settings.php Please remove the code from line numbers 227 to 234 and add the below-shared code.

    $cmb->add_field( 
                       array(
                            'name' => 'Custom CSS',
                            'desc' => 'Enter custom CSS',
                            'id'   => 'epta-custom-css',
                            'type' => 'textarea_code',
                            'attributes' => array(
                                'data-codeeditor' => json_encode( array(
                                    'codemirror' => array(
                                        'mode' => 'css',
                                    ),
                                ) ),
                            ),
                    ) );

    Let us know if you are still facing any issues.

    Thanks & Regards

    Thread Starter albridi

    (@albridi)

    Hi again @jyoti197, thanks for supporting.

    Great, now it works perfectly ?? ! But will these changes be kept or removed in the next plugin update?

    Kind regards.

    Plugin Support Jyoti Bhandari

    (@jyoti197)

    Hi @albridi,

    Don’t worry we will fix this issue in the upcoming version of our plugin.

    Thanks & Regrads

    Thread Starter albridi

    (@albridi)

    Perfect @ jyoti197, thank you very much ?? !

    Kind regards.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Custom CSS problem’ is closed to new replies.