I have upgrade both Avada, child theme, photo gallery plugin and had a custom back button added to the gallery container before the upgrade. after the upgrade only half of the button is displaying. i had a look using the chrome inspector and when i untick box-sizing: border-box the button is showing properly. i attached the site url(you need to click on one of the photos to see the back button issue) as well the child theme style.css & page code show below the following settings.
i have very little knowledge in css and html just starting. any idea how to fix it or where/what files i can check? hope you can help.
FYI i’m working on a WP website copy, to do all the upgrades, that is installed on my local server using docker WP V5.4.1/PHP_7.4/Apache image
style.css button values
.post-content #bwg_container1_0 #bwg_container2_0 [class*=’bwg_back_’]{
/* text-indent: -99999999px; */
width: 130px;
margin: 0 auto;
margin-bottom: 15px;
height: 35px;
position: relative;
color: #fff !important;
background: rgb(191, 3, 9);
background: -moz-linear-gradient(top, rgb(191, 3, 9) 0%, rgb(253, 4, 12) 49%, rgb(191, 3, 9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(191, 3, 9)), color-stop(49%, rgb(253, 4, 12)), color-stop(100%, rgb(191, 3, 9)));
background: -webkit-linear-gradient(top, rgb(191, 3, 9) 0%, rgb(253, 4, 12) 49%, rgb(191, 3, 9) 100%);
background: -o-linear-gradient(top, rgb(191, 3, 9) 0%, rgb(253, 4, 12) 49%, rgb(191, 3, 9) 100%);
background: -ms-linear-gradient(top, rgb(191, 3, 9) 0%, rgb(253, 4, 12) 49%, rgb(191, 3, 9) 100%);
background: linear-gradient(to bottom, rgb(191, 3, 9) 0%, rgb(253, 4, 12) 49%, rgb(191, 3, 9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#bf0309′, endColorstr=’#bf0309′, GradientType=0);
-webkit-border-radius: 6px;
border-radius: 6px;
letter-spacing: 1px;
font-size: 21px;
font-family: “Share”;
padding: 8px 40px;
line-height: 20px;
font-weight: 300 !important;
text-transform: uppercase;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
Gallery Page code:
[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_color=”” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” padding_top=”” padding_bottom=”” padding_left=”1px” padding_right=”0px”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” border_position=”all” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding_top=”” padding_right=”0px” padding_bottom=”” padding_left=”” margin_top=”px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” center_content=”no” last=”true” min_height=”” hover_type=”none” link=”” first=”true”][fusion_text][Best_Wordpress_Gallery id=”10″ gal_title=”Projects”]
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]
Thank you
The page I need help with: [log in to see the link]
