Hover Color?

Tzed07 · March 2023

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.

Phil · March 2023

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

Tzed07 · March 2023

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?

Phil · March 2023

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

Hover Color?

Comments