• Thanks for reading this!

    I am completely new to all of this. I don’t know what CSS or PHP or bootstrap or any of that means. I am trying to build a website for my company in WordPress. I’ve gotten as far as getting the schedule from MBO to display on my site, but I want to do a lot of color changes to the table. https://www.sixgunmartialarts.com

    Would someone mind taking the time to explain how to do this for me?

    I have tried to edit the php stuff under edit plugins and wordpress but I can’t find any color hex codes or anything like that in any of the files for the mz-mindbody-api plugin. Maybe I’m looking in the wrong place? I don’t have a clue what I’m doing.

    Thank you for your time and help!

    –Kevin

    https://www.ads-software.com/plugins/mz-mindbody-api/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author mikeill

    (@mikeill)

    Hi Kevin. If you’ve gotten as far as getting the schedule to display, you deserve a reward!

    To get different elements to display in different colors, fonts, etc, you’ll want to use the browser, Firefox, and install the Firebug add-on. That way you can see what the CSS for each item is. Then you will find the style.css file in your theme (or ideally , Child Theme) which will be located in the directory wp-content/themes/your_theme (or twentythirteen, twentyfifteen, etc). This you can access with an FTP program or through a web-based control panel.

    You’ll identify the CSS for each item which will be something like mz_NameofClass and add code like the following to your style.css:

    .mz_PointPlay {
    	hsla(271, 100%, 50%, 1);
    	}
    
    .mz_TennisExpress {
    	background-color: hsla(232, 100%, 37%, 1);
    	}
    
    .mz_CardioTennis {
    	background-color: hsla(360, 100%, 45%, 1);
    	}
    
    .mz_AdultPractice {
    	background-color: hsla(43, 81%, 45%, 1);
    	}
    
    .mz_MixedDoubles {
    	background-color: hsla(62, 81%, 60%, 1);
    	}
    
    .mz_AdvancedClinics {
    	background-color: hsla(28, 81%, 53%, 1);
    	}
    
    .mz_Serve&VolleyClinic {
    	background-color: hsla(285, 81%, 53%, 1);
    	}

    Note that the hsla() codes are another way of identifying color to the browser, similar to hex codes and I like to use https://hslpicker.com/ to get them.

    You can email me at mike (at) mzoo.org directly as well, and I probably wouldn’t turn down a little consulting work.

    Happy Holidays.

    Mike

    Thread Starter CaptainMagic

    (@captainmagic)

    Thank you for the prompt response, Mike! I sure appreciate it!

    Let me see if I can put that into play, myself; but some consulting work may be headed your way.

    Plugin Author mikeill

    (@mikeill)

    Your results would I’m sure be welcome by future users if you are so inclined. ?? The more the better. Also I highly recommend starting a Stack Overflow account and using it, if you haven’t yet.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Format changes such as color and font’ is closed to new replies.