How to add to html containing multiple classes already

  • Resolved gobiz2022

    (@gobiz2022)


    2 years, 5 months ago

    I have some custom html code that helps us achieve the design our client has asked for. 

    <div class="aligned"><img src="https://staging.cbs.business.ca.gov/wp-content/uploads/Transportation-grn-line.png" alt="transportation icon" width="84" />
<span class="stay-center"><p style="font-family: Korolev Medium, sans-serif; font-size: 24px; color: #28427d; line-height: 1.2em;">Business Improvement Districts (BID)</p>
<p style="font-family: Roboto Regular, sans-serif; font-size: 16px; color: #909090; font-weight: 700; line-height: 1.2em;">PLACEMAKING DISTRICTS</p></span>
</div>

    Now we need to apply the popup feature. It’s just a standard custom box popup to be operated on click. I have assigned the popup the class: .bid_lb

    Can you help me to fit this in the existing html code? Preferably, one would click anywhere in the div above to trigger the popup. We don’t want it tied to a certain span of words.

    • This topic was modified 2 years, 5 months ago by gobiz2022.

    The page I need help with: [log in to see the link]

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

    (@hyenokian)

    Dear @gobiz2022,

    Thank you for the topic.

    If you want the users to click on your provided HTML code and open the popup, then, please follow these steps.

    Please take the bid_lb class and add it to the main div of your provided HTML code as a class.
    See the example: <div class=”aligned bid_lb”>

    Please check this and let us know about the outcome.

    Thank you.

    Thread Starter gobiz2022

    (@gobiz2022)

    That was the very first thing I tried, but for some reason it’s not working. Are you able to look at the page? It’s the top-left box under the sub-header “State-Enabled Districts”

    Thread Starter gobiz2022

    (@gobiz2022)

    Ok. It’s working now. Long story… but it’s working now.

    However, when one hovers over this div, there is no “hand pointer” indicating that it is clickable. Do you know how I can force the hand hover icon?

    Plugin Support Jasmine

    (@hyenokian)

    Dear @gobiz2022,

    Thank you for your reply.

    I have passed your request to our Development Team and, though generally, we don’t provide this kind of support, they have created a new Custom CSS code special for you to achieve your desired result.

    Please insert this Custom CSS code into the Popups > particular popup > Styles tab > Custom CSS option. 

    .bid_lb{
  cursor: pointer;
}

    Please check this and let us know whether everything works fine or not for you now.

    Thank you.

    Thread Starter gobiz2022

    (@gobiz2022)

    That was perfect. I really appreciate your help!

    Plugin Support Jasmine

    (@hyenokian)

    Dear @gobiz2022,

    Thank you for your reply and kind words.
    Customer satisfaction is the highest priority for us and we always do our best to make your experience better.

    Enjoy the plugin and, in the meantime, if you have any further questions, feel free to open a new topic.

    Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to add to html containing multiple classes already’ is closed to new replies.