Hover Color?

1) Unable to find the settings for Hover Color on my theme, specifically

  • Background | Hover color
  • Border | Hover color

Checked all menu tabs.

2) The only way I can get a newly created hover color box to work is to cut and paste the style from a prebuilt Hover Color box. Otherwise, just pulling it in as an element, their are no available settings for the hover function (see # 1 above).

3) Where do I place the inline short code for this element? Placing it in the "Content" box has strange results.

*** For future iterations of your software, I would highly recommend making the Hover Color box be similar to the Column Text box, which lets you add media, tables, list, paragraphs, headings, etc. Trying to add some of these to the Hover Color is very difficult. Some times written code works, but most of the time it does not.

Comments

  • Hello,

    1,2) You can find color options in the Style tab of the Hover Color element.

    3) What shortcode do you want to use? You can place it in the Content field, but the result will be visible on the live page or after refreshing the builder.

    *** Please, leave your suggestion as a comment on the following topic:

    https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest


    Thanks

  • Thanks for responding.

    1 - I found the color a couple of hours after sending my message.

    2 - The inline code I am still having issues. I want to add an unordered list to my Hover Color. The list shows up, but no bullets. I have tried several iterations of HTML and was unable to get this to work. I have even copied and pasted the HTML code from a sample Betheme "Text Column" and pasted in my Hover Color content box with varying results (no bullets). Do you have any inline code for UL (select bullet image or icon, text color, bullet color, text bold, and text left, right, center) that works with the Hover Color content box?

  • Please use the following CSS code:

    .hover_color_wrapper ul{
       list-style: disc inside;
    }
    

    Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

    After, the list will behave as you wanted in the Hover Color element.


    Best regards

Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.