# Customization **URL:** https://community.wpbeaverbuilder.com/c/customization/13.md?page=1 [Latest](https://community.wpbeaverbuilder.com/latest.md) · [Categories](https://community.wpbeaverbuilder.com/categories.md) · [Tags](https://community.wpbeaverbuilder.com/tags.md) **Page:** 2 --- ## [How to change hamburger menu icon to custom image?](https://community.wpbeaverbuilder.com/t/how-to-change-hamburger-menu-icon-to-custom-image/10066)
**Author:** [@TomEschler](https://community.wpbeaverbuilder.com/u/TomEschler)\ **Replies:** 19\ **Last updated:** [December 19, 2023, 3:30pm UTC](https://community.wpbeaverbuilder.com/t/how-to-change-hamburger-menu-icon-to-custom-image/10066 "2023-12-19T15:30:16Z")
Is it possible to change the mobile hamburger menu icon to an image of my own? I’m trying to do it in the custom tool css settings. I am using the bb themer. --- ## [Essential Grids display dates out of order](https://community.wpbeaverbuilder.com/t/essential-grids-display-dates-out-of-order/17999)
**Author:** [@djkomic](https://community.wpbeaverbuilder.com/u/djkomic)\ **Replies:** 1\ **Last updated:** [November 28, 2023, 1:54pm UTC](https://community.wpbeaverbuilder.com/t/essential-grids-display-dates-out-of-order/17999 "2023-11-28T13:54:07Z")
Hello, I’m currently experiencing a weird issue with the Essential Grid on my events page on WordPress. When I input events, it will display the events on the page, in the correct order. However, I noticed lately now … --- ## [Add IMAGE to responsive MENU](https://community.wpbeaverbuilder.com/t/add-image-to-responsive-menu/17872)
**Author:** [@Lyika](https://community.wpbeaverbuilder.com/u/Lyika)\ **Replies:** 0\ **Last updated:** [October 18, 2023, 10:44pm UTC](https://community.wpbeaverbuilder.com/t/add-image-to-responsive-menu/17872 "2023-10-18T22:44:10Z")
Hi everyone, I’m trying to figure out how to replace the hamburger menu icon with an image. In BEAVER BUILDER / THEMER LAYOUT I created a HEADER with the menu to insert on all pages. When the menu is in Responsive mode… --- ## [Hover Cards 2 mobile issues](https://community.wpbeaverbuilder.com/t/hover-cards-2-mobile-issues/17816)
**Author:** [@kelltech](https://community.wpbeaverbuilder.com/u/kelltech)\ **Replies:** 3\ **Last updated:** [October 3, 2023, 2:48pm UTC](https://community.wpbeaverbuilder.com/t/hover-cards-2-mobile-issues/17816 "2023-10-03T14:48:07Z")
Using Hover Cards 2, this area looks amazing on desktop but not so much on mobile. I’ve run into a bit of trouble finding how to make certain this is responsive. I’ve tried padding and using different images but no succ… --- ## [Pricing widget show drop down arrows](https://community.wpbeaverbuilder.com/t/pricing-widget-show-drop-down-arrows/17770)
**Author:** [@Lopa](https://community.wpbeaverbuilder.com/u/Lopa)\ **Replies:** 0\ **Last updated:** [September 20, 2023, 9:02pm UTC](https://community.wpbeaverbuilder.com/t/pricing-widget-show-drop-down-arrows/17770 "2023-09-20T21:02:01Z")
I’m having an issue where each feature in my pricing widget is showing a drop-down arrow, though there is no additional text to drop down. Any ideas on how to remove these? --- ## [How to add back buttons to admin panel](https://community.wpbeaverbuilder.com/t/how-to-add-back-buttons-to-admin-panel/17714)
**Author:** [@mmaendler](https://community.wpbeaverbuilder.com/u/mmaendler)\ **Replies:** 0\ **Last updated:** [September 6, 2023, 6:40pm UTC](https://community.wpbeaverbuilder.com/t/how-to-add-back-buttons-to-admin-panel/17714 "2023-09-06T18:40:05Z")
The company I do social media for has had me make tweaks to their website - most have been fairly easy code or editing fixes, but my most annoying issue at the moment is how to remove dead footer links. In trying to trou… --- ## [Custom Order Beaver Builder Admin Bar Dropdown](https://community.wpbeaverbuilder.com/t/custom-order-beaver-builder-admin-bar-dropdown/17711)
**Author:** [@zackpyle](https://community.wpbeaverbuilder.com/u/zackpyle)\ **Replies:** 0\ **Last updated:** [September 6, 2023, 2:12pm UTC](https://community.wpbeaverbuilder.com/t/custom-order-beaver-builder-admin-bar-dropdown/17711 "2023-09-06T14:12:08Z")
This will let you customize the order of the BB Admin Bar dropdown. I wanted a order that makes more sense to me as that’s how it’s laid out on the page. Of course Parts can go anywhere, so I stuck them after the main co… --- ## [Add a label for named color presets](https://community.wpbeaverbuilder.com/t/add-a-label-for-named-color-presets/17482)
**Author:** [@seezee](https://community.wpbeaverbuilder.com/u/seezee)\ **Replies:** 1\ **Last updated:** [July 3, 2023, 7:05pm UTC](https://community.wpbeaverbuilder.com/t/add-a-label-for-named-color-presets/17482 "2023-07-03T19:05:59Z")
Is there a filter I can use to change the display of the color presets so that if I create a custom palette, I can label the various colors? This would make it much easier for my team to know they are using the correct c… --- ## [Add custom element styles to Beaver Builder Text Editor module](https://community.wpbeaverbuilder.com/t/add-custom-element-styles-to-beaver-builder-text-editor-module/17453)
**Author:** [@reubenlara](https://community.wpbeaverbuilder.com/u/reubenlara)\ **Replies:** 1\ **Last updated:** [June 28, 2023, 11:25am UTC](https://community.wpbeaverbuilder.com/t/add-custom-element-styles-to-beaver-builder-text-editor-module/17453 "2023-06-28T11:25:45Z")
Hello! How can I add additional custom styles to the Visual text editor (In addition to the default Paragraph and Headings)? I tried the manual method discussed here, but it didn’t work: Any ideas why, or are there ot… --- ## [Use Bunny fonts for GDPR](https://community.wpbeaverbuilder.com/t/use-bunny-fonts-for-gdpr/17421)
**Author:** [@pross](https://community.wpbeaverbuilder.com/u/pross)\ **Replies:** 0\ **Last updated:** [June 20, 2023, 2:24pm UTC](https://community.wpbeaverbuilder.com/t/use-bunny-fonts-for-gdpr/17421 "2023-06-20T14:24:56Z")
add\_filter( 'fl\_builder\_google\_fonts\_domain', function( $domain ) { return 'https://fonts.bunny.net/'; }); --- ## [Sitewide font change](https://community.wpbeaverbuilder.com/t/sitewide-font-change/17354)
**Author:** [@jamieparadis](https://community.wpbeaverbuilder.com/u/jamieparadis)\ **Replies:** 3\ **Last updated:** [June 2, 2023, 6:40pm UTC](https://community.wpbeaverbuilder.com/t/sitewide-font-change/17354 "2023-06-02T18:40:26Z")
Hi, trying to change the body text font across my whole site. I figured out how for individual elements but it only works on some and is also tedious / may miss certain elements if I don’t make a site wide change. tr… --- ## [How to add a customised panoramic photo to a bb website](https://community.wpbeaverbuilder.com/t/how-to-add-a-customised-panoramic-photo-to-a-bb-website/17340)
**Author:** [@user4](https://community.wpbeaverbuilder.com/u/user4)\ **Replies:** 0\ **Last updated:** [May 31, 2023, 7:17am UTC](https://community.wpbeaverbuilder.com/t/how-to-add-a-customised-panoramic-photo-to-a-bb-website/17340 "2023-05-31T07:17:06Z")
Hello, I want to add a panoramic photo to my website. I have currently added it on my webpage, but, as it is so wide, it is hard to view. Ideally, it would be on the site in a way that the user can scroll horizontally … --- ## [Inline assets when builder is open](https://community.wpbeaverbuilder.com/t/inline-assets-when-builder-is-open/17329)
**Author:** [@pross](https://community.wpbeaverbuilder.com/u/pross)\ **Replies:** 0\ **Last updated:** [May 25, 2023, 3:16pm UTC](https://community.wpbeaverbuilder.com/t/inline-assets-when-builder-is-open/17329 "2023-05-25T15:16:20Z")
add\_action( 'init', function() { if ( isset( $\_GET\['fl\_builder'\] ) ) { add\_filter( 'fl\_builder\_render\_assets\_inline', '\_\_return\_true', 12 ); } }); --- ## [Adding posts to advanced accordion](https://community.wpbeaverbuilder.com/t/adding-posts-to-advanced-accordion/17235)
**Author:** [@kelltech](https://community.wpbeaverbuilder.com/u/kelltech)\ **Replies:** 0\ **Last updated:** [April 28, 2023, 7:58pm UTC](https://community.wpbeaverbuilder.com/t/adding-posts-to-advanced-accordion/17235 "2023-04-28T19:58:51Z")
Would it be possible to add content (like posts) to the power pack advanced accordion module? I’m looking for a way to have something like hover cards or a post carousel drop down along with the accordion. I’m finding lo… --- ## [I am trying to use a image with a tear pattern to devide sections](https://community.wpbeaverbuilder.com/t/i-am-trying-to-use-a-image-with-a-tear-pattern-to-devide-sections/17202)
**Author:** [@randygutter](https://community.wpbeaverbuilder.com/u/randygutter)\ **Replies:** 0\ **Last updated:** [April 17, 2023, 7:27am UTC](https://community.wpbeaverbuilder.com/t/i-am-trying-to-use-a-image-with-a-tear-pattern-to-devide-sections/17202 "2023-04-17T07:27:05Z")
I am trying to use a image tear as a divider for sections. The only thing is i can’t get it to be responsive at all. Maby due to the module i use. Does anyone knows a light and proper way for this? Got the example here. … --- ## [Make class option a select for modules](https://community.wpbeaverbuilder.com/t/make-class-option-a-select-for-modules/14203)
**Author:** [@pross](https://community.wpbeaverbuilder.com/u/pross)\ **Replies:** 4\ **Last updated:** [February 27, 2023, 6:32pm UTC](https://community.wpbeaverbuilder.com/t/make-class-option-a-select-for-modules/14203 "2023-02-27T18:32:17Z")
Here is some example code: add\_filter( 'fl\_builder\_register\_settings\_form', function( $form, $id ) { if ( 'module\_advanced' === $id ) { $form\['sections'\]\['css\_selectors'\]\['fields'\]\['class'\]\['type'\] = 'select'; $for… --- ## [Adding a row to a custom Module?](https://community.wpbeaverbuilder.com/t/adding-a-row-to-a-custom-module/16669)
**Author:** [@MattSowers](https://community.wpbeaverbuilder.com/u/MattSowers)\ **Replies:** 0\ **Last updated:** [November 16, 2022, 7:12pm UTC](https://community.wpbeaverbuilder.com/t/adding-a-row-to-a-custom-module/16669 "2022-11-16T19:12:34Z")
Okay, so, we use BB on our company site, and I’ve been asked to build “yet another decision tree widget”. Now, we do these in BB as custom modules so our marketing dept can just drop it in place. But as I got to thinkin… --- ## [Posts module. Custom post layout image position](https://community.wpbeaverbuilder.com/t/posts-module-custom-post-layout-image-position/16562)
**Author:** [@Anton](https://community.wpbeaverbuilder.com/u/Anton)\ **Replies:** 1\ **Last updated:** [October 30, 2022, 11:46pm UTC](https://community.wpbeaverbuilder.com/t/posts-module-custom-post-layout-image-position/16562 "2022-10-30T23:46:41Z")
Hello Everyone, I wonder how to change the default custom post layout to show the featured image on the left rather than on the top. This is the default HTML \[wpbb-if post:featured\_image\] \
… --- ## [Updating Class for header logo and navigation (ex. col-md-12 col-lg-4)](https://community.wpbeaverbuilder.com/t/updating-class-for-header-logo-and-navigation-ex-col-md-12-col-lg-4/16554)
**Author:** [@Helloygoodbye123](https://community.wpbeaverbuilder.com/u/Helloygoodbye123)\ **Replies:** 4\ **Last updated:** [October 24, 2022, 6:51pm UTC](https://community.wpbeaverbuilder.com/t/updating-class-for-header-logo-and-navigation-ex-col-md-12-col-lg-4/16554 "2022-10-24T18:51:50Z")
Hi there, For my site, I have entered developer mode in Google Chrome. I am focusing on the header logo and navigation area. I can see that within the div class=“fl-page-header-row row”, there are two classes, one for t… --- ## [Change text that appear below the post](https://community.wpbeaverbuilder.com/t/change-text-that-appear-below-the-post/16448)
**Author:** [@mkb](https://community.wpbeaverbuilder.com/u/mkb)\ **Replies:** 0\ **Last updated:** [September 23, 2022, 3:59pm UTC](https://community.wpbeaverbuilder.com/t/change-text-that-appear-below-the-post/16448 "2022-09-23T15:59:18Z")
Hi, Below each post, it says “Posted in cat1, cat2”. How do I change the text “Posted in”? Best Wishes, --- ## [Custom CSS not working](https://community.wpbeaverbuilder.com/t/custom-css-not-working/16061)
**Author:** [@Tvm1980](https://community.wpbeaverbuilder.com/u/Tvm1980)\ **Replies:** 0\ **Last updated:** [June 18, 2022, 4:00am UTC](https://community.wpbeaverbuilder.com/t/custom-css-not-working/16061 "2022-06-18T04:00:07Z")
I followed the article on adding custom css to BB and its not working. What I want is to justify text sitewide. Here is what I have done: Added a style name: gb-para to my text module. Added gb-para p { text-align: jus… --- ## [How to change CSS for row background gradient based on custom post category](https://community.wpbeaverbuilder.com/t/how-to-change-css-for-row-background-gradient-based-on-custom-post-category/16037)
**Author:** [@smedia](https://community.wpbeaverbuilder.com/u/smedia)\ **Replies:** 0\ **Last updated:** [June 13, 2022, 10:27am UTC](https://community.wpbeaverbuilder.com/t/how-to-change-css-for-row-background-gradient-based-on-custom-post-category/16037 "2022-06-13T10:27:32Z")
I’m using Pods and created a custom post type and custom taxonomy. I’m using Beaver Themer to control the singular style/layout of posts for that custom post type. I’d like to change the color of a row background linear… --- ## [More Settings in Customizer to target other defaults not listed](https://community.wpbeaverbuilder.com/t/more-settings-in-customizer-to-target-other-defaults-not-listed/15987)
**Author:** [@pietpomp](https://community.wpbeaverbuilder.com/u/pietpomp)\ **Replies:** 0\ **Last updated:** [June 2, 2022, 4:27am UTC](https://community.wpbeaverbuilder.com/t/more-settings-in-customizer-to-target-other-defaults-not-listed/15987 "2022-06-02T04:27:57Z")
Hi All, How can I add or get more settings into the customizer in order to target some presets that would need css override rules. Specifically, for example, I would like to have something under the General tab. One f… --- ## [How do you create a navigation menu with 2 rows in 1 hamburger button?](https://community.wpbeaverbuilder.com/t/how-do-you-create-a-navigation-menu-with-2-rows-in-1-hamburger-button/15986)
**Author:** [@bbzmath](https://community.wpbeaverbuilder.com/u/bbzmath)\ **Replies:** 0\ **Last updated:** [June 1, 2022, 2:37pm UTC](https://community.wpbeaverbuilder.com/t/how-do-you-create-a-navigation-menu-with-2-rows-in-1-hamburger-button/15986 "2022-06-01T14:37:39Z")
I currently have a navigation menu to the right of a brand logo image with 4 menu event buttons and 6 main menu navigation items. The # of menu event buttons added to the menu will shift per event timeframes with the… --- ## [Show past posts only on post slider module](https://community.wpbeaverbuilder.com/t/show-past-posts-only-on-post-slider-module/15953)
**Author:** [@khartnett](https://community.wpbeaverbuilder.com/u/khartnett)\ **Replies:** 0\ **Last updated:** [May 17, 2022, 8:51pm UTC](https://community.wpbeaverbuilder.com/t/show-past-posts-only-on-post-slider-module/15953 "2022-05-17T20:51:44Z")
I have a Beaver Themer Archive page that uses the Posts Slider module to rotate through posts and would like to come up with a workaround to show only past posts in the slider. I have a custom query to show the ‘Events’ … --- ## [Suggest Setting fields - Data type with multiple types](https://community.wpbeaverbuilder.com/t/suggest-setting-fields-data-type-with-multiple-types/15912)
**Author:** [@Karlo](https://community.wpbeaverbuilder.com/u/Karlo)\ **Replies:** 0\ **Last updated:** [May 9, 2022, 11:45pm UTC](https://community.wpbeaverbuilder.com/t/suggest-setting-fields-data-type-with-multiple-types/15912 "2022-05-09T23:45:44Z")
Hi, Is it possible to have more that one data type in the data area of the Suggest custom module settings field. Ie ‘type’ =\> ‘suggest’, ‘label’ =\> \_\_(‘Pages to Display’, ‘fl-builder’), ‘action’ =\> ‘fl\_as\_posts’, ‘… --- ## [How to filter pages by multiple categories](https://community.wpbeaverbuilder.com/t/how-to-filter-pages-by-multiple-categories/15902)
**Author:** [@TeresaH](https://community.wpbeaverbuilder.com/u/TeresaH)\ **Replies:** 0\ **Last updated:** [May 8, 2022, 1:58am UTC](https://community.wpbeaverbuilder.com/t/how-to-filter-pages-by-multiple-categories/15902 "2022-05-08T01:58:13Z")
I am trying to create a single page where people can go and filter product pages. These pages will have at least 5 categories per page. I have set up the categories and have selected the correct categories for each pag… --- ## [Need to add drop down menus that are searchable by category](https://community.wpbeaverbuilder.com/t/need-to-add-drop-down-menus-that-are-searchable-by-category/15899)
**Author:** [@TeresaH](https://community.wpbeaverbuilder.com/u/TeresaH)\ **Replies:** 0\ **Last updated:** [May 6, 2022, 3:51pm UTC](https://community.wpbeaverbuilder.com/t/need-to-add-drop-down-menus-that-are-searchable-by-category/15899 "2022-05-06T15:51:44Z")
Hi, not sure what module to use. I have the PowerPak for Beaver Builder v2.22.2 modules also. I need to build a page that will pull the correct Call outs. I have added in the specific categories with plugin pages with… --- ## [Video as Featured image](https://community.wpbeaverbuilder.com/t/video-as-featured-image/15795)
**Author:** [@SueR](https://community.wpbeaverbuilder.com/u/SueR)\ **Replies:** 1\ **Last updated:** [April 13, 2022, 2:29pm UTC](https://community.wpbeaverbuilder.com/t/video-as-featured-image/15795 "2022-04-13T14:29:10Z")
Hi. I’m using Beaver Builder and Themer with Easy Digital Downloads. Videos will be available to download from Amazon S3. My question - has anyone managed to display the video instead of where the featured image normal… --- ## [Trouble removing padding on full width slider transparent nav](https://community.wpbeaverbuilder.com/t/trouble-removing-padding-on-full-width-slider-transparent-nav/15667)
**Author:** [@alinefusco](https://community.wpbeaverbuilder.com/u/alinefusco)\ **Replies:** 0\ **Last updated:** [March 7, 2022, 10:55pm UTC](https://community.wpbeaverbuilder.com/t/trouble-removing-padding-on-full-width-slider-transparent-nav/15667 "2022-03-07T22:55:50Z")
I followed the directions on this article for making my homepage top nav transparent on desktop. However, there is still a gray space above the top nav from the background image being lower on the page. I have messed wit… [Previous page](https://community.wpbeaverbuilder.com/c/customization/13.md) [Next page](https://community.wpbeaverbuilder.com/c/customization/13.md?page=2)