hover background change

HI,

Have created 4 colomns in a row and was wondering if possible to change colour on hover, from grey to dark grey for example?

Thanks

Hello,

You will need to assign classes to columns and create a custom CSS. Please provide your site admin access and page URL, we shall provide custom CSS

Best Regards

Okay thank you, page is aboutme

Hello,

1. Remove the color from the columns.

2. Add the class hoverblock to each column.

3. Add this code to the Theme Settings > Custom CSS

.hoverblock{
    background:red;
    transition:background 1s linear;
}
.hoverblock:hover{
    background:#1A4D8C;
}

Change the colors as per your needs.

Best Regards

thank you that worked but the gaps between the columns are no longer there?

Attachments:

You must be logged in to view attached files.

Hello,

You can move class hoverblock from columns to text block and set the margins, you will have the gaps.

Best Regards

Yes but them each item that is that coloum create gaps between one an other?
as you can see on the changes.

Hello,

What do you mean? You can create one row with columns and texts blocks inside. You assign a class to text blocks and set the gaps (margins) as per your needs http://prntscr.com/ke9sie
Save this row as a template and clone not to create each time from scratch.

Best Regards

I understand what you are saying and it works but instead of the whole column changing colour you now have to hoover the mouse in each section inside the column and i dont want that i need everything inside the column background to change and not separate? Please check the link if you still not sure.

Thanks

Hello,

If you want to have columns enter columns Design tag and configure margins/padding there

Best Regards

I have done this and it does not work?

Hello,

You will need to move the class to the text block otherwise blocks would be without gaps. Rows and columns are WP Bakery Page builder our theme does not influence that.

Best Regards

[Author]

Posts