Log into WordPress and navigate to: ‘Avada’ > ‘Theme Options’ > ‘Custom CSS’. In the Custom CSS field enter this text: /* page title bar font styling*/ .fusion-page-title-bar .fusion-page-title-row h1 { text-shadow:2px 2px 2px #000000; } Set the ‘text-shadow’ property to whatever you want. In this example it’s set to 2px pixels and black shadow.
Give your title bar text a shadow in WordPress Avada theme Read More »
Please try adding below css code in the Theme Options > Custom CSS section to make this change. .woocommerce-cart .woocommerce .fusion-button, .woocommerce .checkout-button { background: red !important;} Change “red” to your desired button color.
How to change color of WooCommerce buttons on Cart and Checkout pages in Avada Read More »
By default, since Avada 5.1, the the full image rollover area in post and portfolio slidershows is linking to the single post page. If you want to remove that, so that only the rollover link icon links to the single post page, you only have to add a single line of custom CSS to Theme
How To Remove The Link From The Rollover Area Read More »
When it comes to selling products with your Avada website, the WooCommerce eCommerce plugin is king. The Automattic-owned giant is the most widely used WordPress e-commerce solution in existence, currently powering over 30% of all online stores. However, because of how great it looks out of the box, it’s very tempting to stick with the default display
You can have a logo drop beneath the menu bar to give it some depth by adding following custom css. Theme options -> custom css .fusion-logo { margin-top: -5px !important; margin-right: 0px; margin-bottom: -42px !important; margin-left: 0px; } Click “Save all changes”, clear your browser cache and see difference on front-end. You can adjust the
How to make the logo appear to hang beneath the main menu bar in Avada Theme Read More »
You can force a minimum height on overall testimonials box to avoid the jumping behavior. For that, please use a bit of css like below. You can add this css to the very top of your Theme Options -> Custom CSS area. .fusion-testimonials { min-height: 500px !important; } You can adjust the 500 value to
CSS for making Avada testimonials equal height Read More »
Simple CSS to reduce the padding on the content boxes when using the icon on the side. Go to the theme options panel and write the following code in the field Custom CSS: .fusion-content-boxes .content-wrapper-background { padding: 15px; }
Reduce padding on Avada content box, Icon on Side layout Read More »
[fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” 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” enable_mobile=”no” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”” margin_bottom=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid”
Hide category meta in Avada product page Read More »
[fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” 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” enable_mobile=”no” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”” margin_bottom=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=””][fusion_builder_row][fusion_builder_column type=”1_1″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all”
How to add a Header banner Avada Theme Read More »
[fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” 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” enable_mobile=”no” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”” margin_bottom=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid”
Add margins to the buttons, Avada Read More »