# \#css **URL:** https://community.wpbeaverbuilder.com/tag/css/6.md [Latest](https://community.wpbeaverbuilder.com/latest.md) · [Categories](https://community.wpbeaverbuilder.com/categories.md) · [Tags](https://community.wpbeaverbuilder.com/tags.md) --- ## [Free dark mode toggle plugin that uses BB Global Colours](https://community.wpbeaverbuilder.com/t/free-dark-mode-toggle-plugin-that-uses-bb-global-colours/20124)
**Author:** [@everlasting-chase](https://community.wpbeaverbuilder.com/u/everlasting-chase)\ **Replies:** 2\ **Last updated:** [June 26, 2026, 10:11am UTC](https://community.wpbeaverbuilder.com/t/free-dark-mode-toggle-plugin-that-uses-bb-global-colours/20124 "2026-06-26T10:11:00Z")
I was in need of an easy to use dark mode toggle that uses Beaver Builder’s Global Colours and came up with this plugin. :backhand\_index\_pointing\_right: GitHub - ttldsgn/bb-custom-dark-mode: A pro-grade dark mode engine… --- ## [New bug in 2.10.1.2](https://community.wpbeaverbuilder.com/t/new-bug-in-2-10-1-2/20080)
**Author:** [@newharvest](https://community.wpbeaverbuilder.com/u/newharvest)\ **Replies:** 0\ **Last updated:** [March 13, 2026, 1:25am UTC](https://community.wpbeaverbuilder.com/t/new-bug-in-2-10-1-2/20080 "2026-03-13T01:25:38Z")
From the changelog: Fixed row link color overriding menu module link color The module link colour now overrides the dropdown link color. I rolled it back to 2.10.1.1 and the behaviour is gone. --- ## [!important flag used excessively](https://community.wpbeaverbuilder.com/t/important-flag-used-excessively/20051)
**Author:** [@roma](https://community.wpbeaverbuilder.com/u/roma)\ **Replies:** 3\ **Last updated:** [February 10, 2026, 2:51pm UTC](https://community.wpbeaverbuilder.com/t/important-flag-used-excessively/20051 "2026-02-10T14:51:05Z")
In the styles file “fl-builder-layout-modules.css”, I found a line for the popup icon. .admin-bar .mfp-wrap .mfp-close, .admin-bar .mfp-wrap .mfp-close:active, .admin-bar .mfp-wrap .mfp-close:hover, .admin-bar .mfp-wrap… --- ## [Centering post within post grid](https://community.wpbeaverbuilder.com/t/centering-post-within-post-grid/16765)
**Author:** [@bluegriffin](https://community.wpbeaverbuilder.com/u/bluegriffin)\ **Replies:** 1\ **Last updated:** [February 3, 2026, 3:26pm UTC](https://community.wpbeaverbuilder.com/t/centering-post-within-post-grid/16765 "2026-02-03T15:26:12Z")
Hello! I’m sure this answer is out there somewhere, but I can’t seem to find it… By default, all “posts” modules display the post in left-aligned columns. I want to center them so the last few posts show up in the center… --- ## [Menu Dropdown Disappearing on Hover - CSS Issue](https://community.wpbeaverbuilder.com/t/menu-dropdown-disappearing-on-hover-css-issue/19926)
**Author:** [@Haddadammar](https://community.wpbeaverbuilder.com/u/Haddadammar)\ **Replies:** 0\ **Last updated:** [September 22, 2025, 2:16pm UTC](https://community.wpbeaverbuilder.com/t/menu-dropdown-disappearing-on-hover-css-issue/19926 "2025-09-22T14:16:41Z")
Hello, I’m building a header menu with Beaver Builder and am having trouble with a sub-menu dropdown. I’m trying to add a small vertical gap between the main menu item and its dropdown box using CSS. When I add margin-… --- ## [Customize post featured image with code?](https://community.wpbeaverbuilder.com/t/customize-post-featured-image-with-code/19883)
**Author:** [@slickcat](https://community.wpbeaverbuilder.com/u/slickcat)\ **Replies:** 2\ **Last updated:** [September 2, 2025, 5:45am UTC](https://community.wpbeaverbuilder.com/t/customize-post-featured-image-with-code/19883 "2025-09-02T05:45:35Z")
Dear CSS gurus, is there a quick way to use a bit of CSS to customize the featured image on posts? On all posts I want to give the WP featured image rounded corners (radius 20px). I know nothing about code and I do plan… --- ## [Can't change color on hamburger menu](https://community.wpbeaverbuilder.com/t/cant-change-color-on-hamburger-menu/19827)
**Author:** [@sharicn](https://community.wpbeaverbuilder.com/u/sharicn)\ **Replies:** 2\ **Last updated:** [August 1, 2025, 11:34pm UTC](https://community.wpbeaverbuilder.com/t/cant-change-color-on-hamburger-menu/19827 "2025-08-01T23:34:12Z")
Hello, I’ve searched and searched for answers and nothing I’ve tried works, so hoping someone here can help out. I am trying to change the color of my hamburger menu to match the rest of my site (we change our accent co… --- ## [Can't delete CSS or Javascript](https://community.wpbeaverbuilder.com/t/cant-delete-css-or-javascript/19795)
**Author:** [@Terry\_at\_NZ](https://community.wpbeaverbuilder.com/u/Terry_at_NZ)\ **Replies:** 1\ **Last updated:** [July 21, 2025, 11:44am UTC](https://community.wpbeaverbuilder.com/t/cant-delete-css-or-javascript/19795 "2025-07-21T11:44:45Z")
I added a CSS and a Javascript to a page, inadvertently transposing the two snippets. Now I cannot edit or delete them, nor edit any of the rest of that page. Can any one help? Terry --- ## [Issue with missing CSS styling on UABB Advanced Tab](https://community.wpbeaverbuilder.com/t/issue-with-missing-css-styling-on-uabb-advanced-tab/19724)
**Author:** [@njserg](https://community.wpbeaverbuilder.com/u/njserg)\ **Replies:** 0\ **Last updated:** [June 25, 2025, 2:09am UTC](https://community.wpbeaverbuilder.com/t/issue-with-missing-css-styling-on-uabb-advanced-tab/19724 "2025-06-25T02:09:34Z")
Hi all, I’m having an issue with content not being styled correctly on a UABB Advanced Tabs element. The tab content is populated using a Saved Row that is styled correctly. For whatever reason, the first two tabs (also … --- ## [Replicate default post list layout?](https://community.wpbeaverbuilder.com/t/replicate-default-post-list-layout/19668)
**Author:** [@kjetil](https://community.wpbeaverbuilder.com/u/kjetil)\ **Replies:** 0\ **Last updated:** [June 6, 2025, 9:37am UTC](https://community.wpbeaverbuilder.com/t/replicate-default-post-list-layout/19668 "2025-06-06T09:37:00Z")
Hi I’d like to make some adjustments to the default post list layout - as I’ve used it eg down on the page below. If I switch from Default to Custom, of course the layout changes completely. Anyone who has the require… --- ## [Color choice defaulting to white on powerpack flipbox](https://community.wpbeaverbuilder.com/t/color-choice-defaulting-to-white-on-powerpack-flipbox/19626)
**Author:** [@davek4n6](https://community.wpbeaverbuilder.com/u/davek4n6)\ **Replies:** 0\ **Last updated:** [May 29, 2025, 3:29pm UTC](https://community.wpbeaverbuilder.com/t/color-choice-defaulting-to-white-on-powerpack-flipbox/19626 "2025-05-29T15:29:02Z")
I just updated a website that uses PowerPack Flip Boxes via Beaver Builder. However, each time I set a color hex code, the updates default to white/#ffffff upon save. It is driving me up a wall. It does not matter what c… --- ## [Toggle button for showing and hiding a row](https://community.wpbeaverbuilder.com/t/toggle-button-for-showing-and-hiding-a-row/9770)
**Author:** [@Mars](https://community.wpbeaverbuilder.com/u/Mars)\ **Replies:** 16\ **Last updated:** [January 2, 2025, 7:59pm UTC](https://community.wpbeaverbuilder.com/t/toggle-button-for-showing-and-hiding-a-row/9770 "2025-01-02T19:59:22Z")
I created a similar effect for Elementor, but had issues doing the same for BB. wpbeaverworld was kind enough to show me how to do the same thing on BB. Here are the code snippets for implementing this custom functionali… --- ## [Link colours in product and non product pages](https://community.wpbeaverbuilder.com/t/link-colours-in-product-and-non-product-pages/19168)
**Author:** [@sarah22](https://community.wpbeaverbuilder.com/u/sarah22)\ **Replies:** 0\ **Last updated:** [December 3, 2024, 1:06pm UTC](https://community.wpbeaverbuilder.com/t/link-colours-in-product-and-non-product-pages/19168 "2024-12-03T13:06:03Z")
Hello. I have released that my links in non product pages are black - not useful… Could anybody tell me how to find these options, or where I should enter the CSS? Many thanks Sarah --- ## [To have flexibility to implement Bootstrap CSS framework for different version](https://community.wpbeaverbuilder.com/t/to-have-flexibility-to-implement-bootstrap-css-framework-for-different-version/19079)
**Author:** [@htung](https://community.wpbeaverbuilder.com/u/htung)\ **Replies:** 0\ **Last updated:** [November 7, 2024, 2:51am UTC](https://community.wpbeaverbuilder.com/t/to-have-flexibility-to-implement-bootstrap-css-framework-for-different-version/19079 "2024-11-07T02:51:14Z")
Hi, At theme Customizing \> General \> Layout \> CSS Framework, I would like suggest to have flexibility on adding our own Bootstrap version option as we could CSS files placement on child theme. Perhaps, it just a coupl… --- ## [CSS Variables not allowed?](https://community.wpbeaverbuilder.com/t/css-variables-not-allowed/19076)
**Author:** [@thefrog](https://community.wpbeaverbuilder.com/u/thefrog)\ **Replies:** 3\ **Last updated:** [November 5, 2024, 8:38pm UTC](https://community.wpbeaverbuilder.com/t/css-variables-not-allowed/19076 "2024-11-05T20:38:45Z")
I’m getting the red X in the CSS editor on the top three “–x” variables when trying to use this CSS. Is there a way around this in BB? .custom-border { --s: 50px; /\* the size on the corner \*/ --t: 5px; /\* the thick… --- ## [Search Results Text Color](https://community.wpbeaverbuilder.com/t/search-results-text-color/18753)
**Author:** [@discoverymichael](https://community.wpbeaverbuilder.com/u/discoverymichael)\ **Replies:** 2\ **Last updated:** [July 19, 2024, 7:30pm UTC](https://community.wpbeaverbuilder.com/t/search-results-text-color/18753 "2024-07-19T19:30:20Z")
Hey there - my search results are white text in a white box. I do not see a customization for the results text anywhere - am I looking in the wrong place? --- ## [Adding custom code to footer](https://community.wpbeaverbuilder.com/t/adding-custom-code-to-footer/18750)
**Author:** [@CCBurn](https://community.wpbeaverbuilder.com/u/CCBurn)\ **Replies:** 4\ **Last updated:** [July 12, 2024, 12:48pm UTC](https://community.wpbeaverbuilder.com/t/adding-custom-code-to-footer/18750 "2024-07-12T12:48:49Z")
Hi, the company I work for offers a free counselling option to the bereaved via a pop up chat box initially. I have a script that I need to paste above the closing tag on our webpage. We only want this pop up to appea… --- ## [Is there a way I can change the scrolling header background to be different to the set header background?](https://community.wpbeaverbuilder.com/t/is-there-a-way-i-can-change-the-scrolling-header-background-to-be-different-to-the-set-header-background/18735)
**Author:** [@kategorgeous](https://community.wpbeaverbuilder.com/u/kategorgeous)\ **Replies:** 0\ **Last updated:** [July 8, 2024, 9:45am UTC](https://community.wpbeaverbuilder.com/t/is-there-a-way-i-can-change-the-scrolling-header-background-to-be-different-to-the-set-header-background/18735 "2024-07-08T09:45:51Z")
Hi, I have just started a new site and would like the header background to change colour when the user scrolls. Currently the header area has a turquoise background colour and I can see that I can change the logo in BB … --- ## [\ tag keeps being removed](https://community.wpbeaverbuilder.com/t/span-tag-keeps-being-removed/18614)
**Author:** [@kategorgeous](https://community.wpbeaverbuilder.com/u/kategorgeous)\ **Replies:** 3\ **Last updated:** [June 3, 2024, 11:48am UTC](https://community.wpbeaverbuilder.com/t/span-tag-keeps-being-removed/18614 "2024-06-03T11:48:14Z")
Hi, I am writing a Q & A page and I would like to have the ‘Q’ at the beginning of the sentence in a different font so I am writing the piece in HTML so that I can use ‘span’ tag for styling. However, the ‘span’ tag is … --- ## [Row & Widget width changing after saving!](https://community.wpbeaverbuilder.com/t/row-widget-width-changing-after-saving/18599)
**Author:** [@Floomcreative](https://community.wpbeaverbuilder.com/u/Floomcreative)\ **Replies:** 0\ **Last updated:** [May 28, 2024, 12:22pm UTC](https://community.wpbeaverbuilder.com/t/row-widget-width-changing-after-saving/18599 "2024-05-28T12:22:25Z")
Hi there, Every time I save and publish my designs, the individual rows and their widgets become squished (Every single row on the page. I reset the column widths, and then the spacing went back to normal, but when I s… --- ## [Dark Mode CSS for websites](https://community.wpbeaverbuilder.com/t/dark-mode-css-for-websites/16961)
**Author:** [@Niek1999](https://community.wpbeaverbuilder.com/u/Niek1999)\ **Replies:** 1\ **Last updated:** [May 27, 2024, 11:22pm UTC](https://community.wpbeaverbuilder.com/t/dark-mode-css-for-websites/16961 "2024-05-27T23:22:43Z")
Since 2019 it is posible to add dark mode to css but there is still no BB option to give my sites a dark mode. Is this a feature that is planed in the near future? --- ## [Menu automatically goes into expanded format despite overriding CSS to go horizontal](https://community.wpbeaverbuilder.com/t/menu-automatically-goes-into-expanded-format-despite-overriding-css-to-go-horizontal/18487)
**Author:** [@DiggingAir](https://community.wpbeaverbuilder.com/u/DiggingAir)\ **Replies:** 0\ **Last updated:** [April 17, 2024, 11:56pm UTC](https://community.wpbeaverbuilder.com/t/menu-automatically-goes-into-expanded-format-despite-overriding-css-to-go-horizontal/18487 "2024-04-17T23:56:13Z")
Hello there! I’m not sure if it’s due to my lack of skill in this arena or something else entirely, but I have been facing this issue with the menu on my site’s homepage. It automatically expands despite its CSS denotin… --- ## [Remove hover over underline for Advanced Tabs](https://community.wpbeaverbuilder.com/t/remove-hover-over-underline-for-advanced-tabs/18439)
**Author:** [@cari.showdme](https://community.wpbeaverbuilder.com/u/cari.showdme)\ **Replies:** 0\ **Last updated:** [April 2, 2024, 6:36pm UTC](https://community.wpbeaverbuilder.com/t/remove-hover-over-underline-for-advanced-tabs/18439 "2024-04-02T18:36:12Z")
I’m trying to remove the underlining that shows up when using the advanced tabs module. See image. When you hover over, it underlines the text in the tab title, but I don’t want it there. I’ve tried a few CSS variations… --- ## [Can't change active menu link color](https://community.wpbeaverbuilder.com/t/cant-change-active-menu-link-color/18296)
**Author:** [@friendlygeek](https://community.wpbeaverbuilder.com/u/friendlygeek)\ **Replies:** 0\ **Last updated:** [February 20, 2024, 4:44am UTC](https://community.wpbeaverbuilder.com/t/cant-change-active-menu-link-color/18296 "2024-02-20T04:44:28Z")
Hi, I’ve been reading all the previous discussions on this topic I can find, and none of the suggestions are working for me! I’ve tried to find answers but the manuals don’t seem to help either. My one pager site https:… --- ## [BB Theme customizations as editor-styles](https://community.wpbeaverbuilder.com/t/bb-theme-customizations-as-editor-styles/14926)
**Author:** [@bklocek](https://community.wpbeaverbuilder.com/u/bklocek)\ **Replies:** 2\ **Last updated:** [February 13, 2024, 10:48pm UTC](https://community.wpbeaverbuilder.com/t/bb-theme-customizations-as-editor-styles/14926 "2024-02-13T22:48:11Z")
I’m using Beaver Theme, Builder and Themer. Using the “Customize…” settings, I am setting the styling for the site. I would like those styles on the Block Editor as well. On your Gutenberg Compatibility docs page in th… --- ## [Advanced Accordions applying styles to nested saved row](https://community.wpbeaverbuilder.com/t/advanced-accordions-applying-styles-to-nested-saved-row/18209)
**Author:** [@Torchwood](https://community.wpbeaverbuilder.com/u/Torchwood)\ **Replies:** 0\ **Last updated:** [January 24, 2024, 3:41am UTC](https://community.wpbeaverbuilder.com/t/advanced-accordions-applying-styles-to-nested-saved-row/18209 "2024-01-24T03:41:58Z")
I am trying to create a custom bulleted list with different font awesome icons for bullets and sub-bullets. I am also trying to build this within an accordion row. I thought the easiest way to do this would be to create … --- ## [Revealing Footer](https://community.wpbeaverbuilder.com/t/revealing-footer/18197)
**Author:** [@Cin](https://community.wpbeaverbuilder.com/u/Cin)\ **Replies:** 0\ **Last updated:** [January 23, 2024, 6:44am UTC](https://community.wpbeaverbuilder.com/t/revealing-footer/18197 "2024-01-23T06:44:24Z")
Hello, I have a question regarding the footer/footer widget display area. I would like it to be stuck to the bottom of the page and appear from behind the content of the page (visible on all pages) I created my custom… --- ## [POP-UP with Beaver Builder Theme](https://community.wpbeaverbuilder.com/t/pop-up-with-beaver-builder-theme/18142)
**Author:** [@shrinepro](https://community.wpbeaverbuilder.com/u/shrinepro)\ **Replies:** 1\ **Last updated:** [January 11, 2024, 4:57am UTC](https://community.wpbeaverbuilder.com/t/pop-up-with-beaver-builder-theme/18142 "2024-01-11T04:57:39Z")
I would like a pop-up to open after clicking on a column. The popup should show a template that is prefabricated in Beaver Themer. I once read that you can possibly achieve this with CSS and ID/Class, but after a long se… --- ## [Looking for a Beaver Builder enthusiast to help build a custom theme/website](https://community.wpbeaverbuilder.com/t/looking-for-a-beaver-builder-enthusiast-to-help-build-a-custom-theme-website/18103)
**Author:** [@ricardogrecco](https://community.wpbeaverbuilder.com/u/ricardogrecco)\ **Replies:** 1\ **Last updated:** [January 7, 2024, 2:21pm UTC](https://community.wpbeaverbuilder.com/t/looking-for-a-beaver-builder-enthusiast-to-help-build-a-custom-theme-website/18103 "2024-01-07T14:21:58Z")
I’m looking for a Wordpress developer specifically with Beaver Builder skills and UltimateBeaver plugin knowledge to help me with a website project I have starting on the new year. Let me know if you’re available and in… --- ## [Cannot edit HTML Settings or Layout CSS & Javascript](https://community.wpbeaverbuilder.com/t/cannot-edit-html-settings-or-layout-css-javascript/18111)
**Author:** [@Jayson](https://community.wpbeaverbuilder.com/u/Jayson)\ **Replies:** 1\ **Last updated:** [January 2, 2024, 2:17pm UTC](https://community.wpbeaverbuilder.com/t/cannot-edit-html-settings-or-layout-css-javascript/18111 "2024-01-02T14:17:39Z")
Hello! New to Beaver Builder here. I was just hired by a company whose site was created using BB and after doing some work on cleaning up this company’s website on the backend using FTP, I think I’ve done something to ne… [Next page](https://community.wpbeaverbuilder.com/tag/css/6.md?match_all_tags=true&page=1&tags%5B%5D=css)