Post grid style hoover

  • Resolved Antonella Coppola

    (@antonellacoppola)


    1 year ago

    I’m changing all deprecated masonry post grid, with post grid element, but I cannot change the style of :hoover, in particular I would like to get rid of the grey overlay and the arrow. Is it possible? I would like to use css but I cannot find which element gererate the overlay and the white arrow.

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

Viewing 1 replies (of 1 total)
  • Plugin Author boldthemes

    (@boldthemes)

    Hi,
    Thanks for using Bold Builder. Here is the CSS code which you can edit in order to change the hover effect:

    .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item_post_thumbnail a:hover:before {

    transform: translateY(0);
    opacity: 1;
}
.bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item_post_thumbnail a:before {
	content: "\f061";
	font-family:  FontAwesome;
	font-size: 2.5em;
	display: flex;
	inset: 0;
	position: absolute;
	align-items: center;
	justify-content: center;
	transform: translateY(-2em);
	color: #ffffff;
	opacity: 0;
	z-index: 3;
	transition: 400ms ease all;
}
.bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item_post_thumbnail a:hover:before {

    transform: translateY(0);
    opacity: 1;
}
.bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item_post_thumbnail a:before {
	content: "\f061";
	font-family:  FontAwesome;
	font-size: 2.5em;
	display: flex;
	inset: 0;
	position: absolute;
	align-items: center;
	justify-content: center;
	transform: translateY(-2em);
	color: #ffffff;
	opacity: 0;
	z-index: 3;
	transition: 400ms ease all;
}
.bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item_post_thumbnail a:hover:after {
    opacity: .5;
}
.bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item_post_thumbnail a:after {
    content: "";
    inset: 0;
    position: absolute;
    pointer-events: none;
    display: block;
    z-index: 2;
    opacity: 0;
    background: #000;
    transition: 400ms ease all;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Post grid style hoover’ is closed to new replies.