📖
Microweber User Guide
  • Introduction
  • How to remove footer link
  • How do I map my own domain to my website?
  • How do I get into cPanel for hosted websites?
  • Error 500 - Internal Server Error
  • Installation Steps - White Label
  • How can I switch from the personal plan to the free plan?
  • Where routing is defined for module?
  • What's the difference between microweber.com and microweber.org
  • How to use the white-label license on my own server?https://whitelabel.microweber.com/
  • Can I download all purchasable templates, if I purchased a Subscription then?
  • Unfortunately, I deleted my parent page and I lost my data, can I recover that?
  • I can't see any photo I upload in the file manager neither when I'm using it with the gallery.
  • How to change currency?
  • How to transfer the files and database to another hosting and another domain?
  • How to develop a local payment gateway in Egypt?
  • How to download templates?
  • Is it possible to have Multiple Currencies in the shop?
  • How can I change images on the MW template?
  • Can't duplicate or clone a feature field?
  • How to disable experimental for assets loading.
  • How to download the Guest House template?
  • A stripe token is required.
  • Do we support .energy domains?
  • How to remove shopping cart icon?
  • How can I create a new admin user?
  • Does Microweber supports Paypal Pro
  • Error after installing Plugin on Plesk.
  • How to update template
  • How to embed iframe on a page
  • How to edit the order email
  • How to activate and use the White label module
  • How to cancel my account
  • How to add new page
  • How to create new Website
  • Can I access my domain after it's expired?
  • How to publish your site
  • How to add new Products
  • How to integrate calendly to your Microweber website
  • How to integrate Google analytics to your Microweber website
  • How to install the Microweber plugin in Plesk
  • How to add meta tags to your new MW website
  • Account Upgrade
  • Adding Page
  • Live edit - How to Edit you site
  • Live edit – Essentials, How to type text and open module settings
  • Live edit- how to add pictures gallery
  • Live edit- how to add title and paragraph
  • Live edit - How to change module skin
  • Live edit - How to add video
  • Live edit - How to add single picture
  • Live edit - How to add contact form
  • Live edit - How to access module settings
  • Live edit-How to add button
  • Live edit: How to add google maps
  • How to add pictures to post or product
  • How to add products with prices and custom fields
  • How to add post
  • How do I earn money through the affiliate program?
  • Live edit - How to enter and exit preview mode
  • Live edit – How to insert new module
  • Live edit - How do delete module
  • Live edit – How to delete a layout
  • How to add meta tags
  • How to change primary button colors
  • How to reload modules
  • How to reset page content to its default state
  • How to manually update Microweber
  • How to change page link
Powered by GitBook
On this page

Was this helpful?

How to change primary button colors

Changing the primary button colors in Microweber typically involves modifying the theme's CSS (Cascading Style Sheets). Here's a step-by-step guide:

PreviousHow to add meta tagsNextHow to reload modules

Last updated 1 year ago

Was this helpful?

  1. Accessing the Microweber Admin Panel:

    • Log in to your Microweber website's admin panel by adding "/admin" to your website URL and entering your login credentials.

  2. Navigating to the Theme Settings:

    • Once logged in, navigate to the "Design" section in the admin panel. Look for options related to "Theme" or "Template Settings."

  3. Selecting the Active Theme:

    • In the theme settings, you'll likely see a list of installed themes or templates. Choose the active theme you want to customize.

  4. Modifying the Button Colors:

    • Once you've found the button styles, you'll see properties such as "background-color," "border-color," and "color." These properties control the button's background color, border color, and text color, respectively.

    • Select the Buttons Section

    • Modify the values of these properties to change the primary button colors to your desired colors. You can use hexadecimal color codes, RGB values, or color names.

  5. Previewing Changes:

    • After making the changes, you can preview them to see how the primary buttons look with the new colors. Some theme settings may provide a preview option.

  6. Saving Changes:

    • Once you're satisfied with the button colors, save your changes. Look for a "Save" or "Update" button within the CSS editor.

  7. Testing:

    • After saving the changes, navigate to your website's front-end to see the updated button colors. Test the buttons to ensure they function as expected and that the colors are visually appealing.

  8. Adjusting as Needed:

    • If necessary, you can further adjust the button styles by fine-tuning the CSS properties until you achieve the desired appearance.

Remember to make a backup of your theme's CSS before making any changes, so you can revert to the original if needed. Additionally, some themes might offer built-in customization options for button colors, so check if there are any theme-specific settings available in the admin panel.