Enhance WordPress Buttons

4 months ago

< 1 min read

Posted by:

Focus

Subscribe to newsletter

By subscribing you agree to with our Privacy Policy.

Share

Optimize your WordPress site with these CSS tweaks.

Elevate button aesthetics and code block readability for a better user experience by copy-pasting this code onto the Customization > Additional CSS:

/* WordPress Default Button Styling */

.wp-block-button {padding-bottom: 25px; padding-top: 10px;}

a.wp-block-button__link.wp-element-button {background-color: #63B367; color: #fff;  font-size: 16px; font-weight: 500; box-shadow: 0px 3px 5px #d3d3d3; border-radius: 5px}

/* WordPress Default Code Block Styling */
.wp-block-code code {
	font-size: 15px}

Read more

Global

2 min read

Disabling the Device’s Default ‘Dark Mode’ in WordPress

If you are trying to convert your WordPress website to APK / AAB, you may need to disable the device’s

Read more

Container

< 1 min read

Make Container Scrollable

Add this on the column’s custom CSS panel. Adjust the ‘max-height’ to your needs.

Read more

Media Carousel

< 1 min read

Media Carousel Random Order

Add this code in HTML widget to randomize the ‘Media Carousel’ order.

Read more

Video

< 1 min read

Elementor Custom Video Lightbox CSS

Add this code on Appearance Customize > Additional CSS :

Read more

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Customer Service

Focus Website

Today, March 1

Hi, there 👋

How can I help you?

Start Chat with:

We use cookie to improve your experience on our site. By using our site you consent cookies.