1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Rename buttons (avoid having repeated names)

Discussion in 'Free Divi Community Forum' started by Isabel Ortiz, Oct 9, 2019.

  1. Isabel Ortiz

    Isabel Ortiz New Member

    Hello
    I am not a great expert in CSS or code, but I need help with the following:
    It turns out that when I create a page in Divi, for example, with several calls to action, all the buttons end up calling themselves the same: et_pb_button et_pb_custom_button_icon et_pb_promo_button (I realize this when opening in Google Chrome, right click, inspect)

    What I need is to be able to change the name of each of the buttons. First, to make them easier to identify. Second, because I want to create different labels for each of the buttons in Google Tag Manager and if they have the same name, I cannot identify and separate the actions that are performed on each button.
    Is there a solution that can be implemented, for example in the "advanced" tab of each module?
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    In the Button module settings > Advanced > CSS Class, you can add your custom CSS Class (identifier) for that particular button.
     
  3. Isabel Ortiz

    Isabel Ortiz New Member

    I guess I need more information.
    I took one of the 3 blocks that I have in a call to action.
    To one of them, I included in the Advanced tab a CSS ID, which I called BOTON_CENTRAL.

    Then, what happens to me is that the class that I have to copy to use in Google Tag Manager, is still et_pb_button et_pb_custom_button_icon et_pb_promo_button, which is the same for the 3 buttons of the 3 blocks that I have in my call to action.

    I would like:
    1. Change the class of the button so that it does not continue to be called et_pb_button et_pb_custom_button_icon et_pb_promo_button, but a name that I want to give it.

    2. If it is not possible, what is the syntax I should use in Google Tag Manager, to refer to that button exclusively and not to a group of buttons that are called the same throughout my website

    Here is an image that can help explain what I need:

    [​IMG]
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    For that case, to refer to the BOTON_CENTRAL button, you just need to target it like this: #BOTON_CENTRAL .et_pb_button
     
  5. Isabel Ortiz

    Isabel Ortiz New Member

    Thank you!!!
     
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now