By default when you enable the Hover & Active Underline option for your Header Menu it will display a line…
Some browsers may display focus styles when clicking on the mobile menu toggle and accessing the mobile menu. This is…
By default WooCommerce displays a counter of products inside a category when viewing category entries besides the title. If you…
When using the theme's match-height-content classname for creating equal height items using javascript, the height is applied across all screen…
@media only screen and (min-width: 960px) { body #site-header-inner { text-align: center; } body .header-one #site-logo { display: inline-block; float:…
Example CSS for targeting the WPBakery Visual Composer accordion modules so you can alter the title styling when active. Important:…
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; }
IMPORTANT: Customizer setting added in Total 5.1 for this (see Header > Menu > Stretch Items?)
@media (min-width: 960px) { #wrap .vcex-image-gallery-slider { padding-left: 100px; position: relative; } #wrap .vcex-image-gallery-slider .sp-nc-thumbnails-container { position: absolute; left: 0;…
body .wpex-video-bg { left: 50%; top: 50%; transform: translate(-50%, -50%); }
.vcex-post-type-entry-details { position: relative; padding-bottom: 75px; } .vcex-post-type-entry-readmore-wrap { position: absolute; bottom: 20px; } .vcex-post-type-entry-readmore-wrap .theme-button { height: 35px; line-height:…
By default the Google Map widget in the WPBakery page builder removes the pointer-events when not hovering on the Google…
.navbar-style-one .dropdown-menu > li > a > span:after { content: ""; height: 24px; width: 1px; background: #ccc; position: absolute; right:…
The Navigation Menu widget accordion by default triggers dropdowns when clicking on the whole parent item, however, if you want…
Here is an example CSS to make the hamburger icon bigger in the Total WordPress theme. The way the icon…
By default the WooCommerce checkout page is split in 2 columns with Billing Details on the left and Additional Information…
This little bit of CSS will add borders between your items in header style three (bottom centered menu). The CSS…
This CSS snippet can be added to your site if you want to always display your sidebar mobile menu dropdowns…
body.paged .wpb_animate_when_almost_visible { opacity: 1; filter: alpha(opacity=100); -webkit-animation-duration: 0s; animation-duration: 0s; -webkit-animation: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform:…
The Total social widget by default only displays the site icons but the name of the sites are in the…
body .wpex-open-submenu span { font-family: "Arial"; font-size: 16px; } body .wpex-open-submenu span::before { content: "\002B" !important; font-family: "Arial" } /*…
Important: This snippet is no longer needed! Videos will now display always by default. This snippet allows you to display…
Important: This CSS may need to be adjusted depending on your mobile menu style to position the icon as needed…
Make sure to change the 300 to the ID of your menu item you are targeting. You can view this…
body #site-header, body #site-header-sticky-wrapper.is-sticky #site-header { background: #000 url( 'YOUR_IMAGE_URL' ) repeat; }