Title: Help Editing Plugin Last modified: October 28, 2016 --- # Help Editing Plugin * Resolved [Ozone](https://wordpress.org/support/users/ozone/) * (@ozone) * [9 years, 11 months ago](https://wordpress.org/support/topic/help-editing-plugin/) * Hi Everyone, * I have been tasked with the job of integrating a plugin for a medical dispensary website. The plugin is called Canlio, and can be found _[ redacted ]_ * The issue I have is that the plugin produces a white background. At the very least I would like to change this. Have a look at a demo of the plugin to understand what I mean: [http://www.victoriaweddingphotography.ca/demo/](http://www.victoriaweddingphotography.ca/demo/) * When I examine the code from the website I see where it references the background color: `.canlio-inline {font-family: Helvetica, Arial, sans-serif;text-align: center;background-color: #fff;} .canlio-inline .attributes {margin-top: 20px; list-style: none;font-size: 16px;color: #999999;} .canlio-inline .attributes– small {margin-top: 5px;font-size: 12px;} .canlio-inline .attributes-attribute{ display: inline-block;} .canlio-inline .attributes-attribute img {margin-bottom: 2px} .canlio-inline .attributes-attribute::after {content: “\a0\b7\a0”;color:# 9aadba;} .canlio-inline .attributes-attribute:last-child::after {content: “”;}. canlio-inline .menu-header {font-size: 14px;font-weight: 600;text-transform: uppercase;border-top: 4px solid #000;border-bottom: 2px solid #000;padding: 10px 0;margin: 20px 0 20px 0;background-color: #fff;} .canlio-inline .menu-header: before, .canlio-inline .menu-header:after {content: ” “;display: table;} .canlio- inline .menu-header:after {clear: both;} .canlio-inline .menu-header .menu-header__title{ float: left;color: #000; cursor: pointer;width: 100%; text-align: left;} .canlio- inline .menu-header .menu-header__title {font-weight: 700;font-size: 18px;line- height: 24px;font-family: “Open Sans Condensed”;text-transform: uppercase;color:# 555555;margin: 0;padding: 0;} .canlio-inline .menu__items {list-style: none;padding- left: 0; } .canlio-inline .menu-product {border-bottom: 1px solid #C9CCCE;margin- bottom: 20px;padding-bottom: 20px;text-align: left;} .canlio-inline .menu-product: before, .canlio-inline .menu-product:after {content: ” “;display: table;} .canlio- inline .menu-product:after {clear: both;} .canlio-inline .menu-product .menu- product__title {font-weight: 600;margin: 5px 0 0 0;color: #262f38;} .canlio-inline. menu-product .menu-product__image {display: block;height: 75px;width: auto;border- radius: 50%;float: left;position: relative;border: 1px solid #D8DCDE;margin-left: 10px;margin-right: 10px;} .canlio-inline .menu-product .menu-product__price { float: right;} .canlio-inline .menu-product__price {display: block;float: right; color: #545d66;width: 85px} .canlio-inline .menu-product__price .amount, .canlio- inline .menu-product__price .price, .canlio-inline .menu-product__price .unit{ display: inline-block;font-size: 20px;} .canlio-inline .menu-product__price . amount .dollars {display: block;float: left;font-weight: 600;margin-left: 3px;}/*. canlio-inline .menu-product__price .amount .dollars::first-letter {color: #999999; font-weight: 1;font-size: 0;}*/ .canlio-inline .menu-product__price .amount . dollars::first-letter {vertical-align: super;font-size: 12px;font-weight: 400;}. canlio-inline .menu-product__price .amount .cents {vertical-align: super;font- size: 10px;} .canlio-inline .menu-product__price .unit {position: relative;vertical- align: sub;font-size: 10px;margin-left: -10px;margin-right: 2px;margin-bottom: 8px;cursor: pointer;} .canlio-inline .menu-product__price .unit::before, .canlio- inline .menu-product__price .unit::after {border: solid transparent;content: ”“; height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent; left: 50%;} .canlio-inline a {color: #00a14d;text-decoration: none;} .canlio- inline a:hover, .canlio-inline a:focus {color: #005427;text-decoration: none;}. canlio-inline a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring- color;outline-offset: -2px;} .canlio-inline img {vertical-align: middle;} .canlio- inline .menu-product__description {margin-left: 97px;font-size: 12px;color: # 999999;width: 70%} .canlio-inline a.canlio-link {color: #999999;} .canlio-inline a.canlio-link:hover, .canlio-inline a.canlio-link:focus {color: #00a14d;text- decoration: underline;} .canlio-caret {float: right;} .menu-header__title.canlio- accordion-toggle .canlio-caret:after {content: “\25B2”;} .menu-header__title. canlio-accordion-toggle-active .canlio-caret:after {content: “\25BC”;} .canlio- accordion-inner {background-color: #fff;overflow: hidden;} .canlio-accordion- closed {display: none;} .canlio-accordion-open {display: block;}` * I have looked throughout the plugin’s code and cannot find reference to anything that would help me edit the background. I am relatively new to working with wordpress plugins so please excuse my stupidity if this is an easy fix. - This topic was modified 9 years, 11 months ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/). - This topic was modified 9 years, 11 months ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/). Viewing 7 replies - 1 through 7 (of 7 total) * Moderator [Jan Dembowski](https://wordpress.org/support/users/jdembowski/) * (@jdembowski) * Forum Moderator and Brute Squad * [9 years, 11 months ago](https://wordpress.org/support/topic/help-editing-plugin/#post-8365116) * Where did you get that plugin? Have you asked the author for support? * Thread Starter [Ozone](https://wordpress.org/support/users/ozone/) * (@ozone) * [9 years, 11 months ago](https://wordpress.org/support/topic/help-editing-plugin/#post-8365165) * The creator is Canlio, I have emailed the author for support but I have not heard back. * Thread Starter [Ozone](https://wordpress.org/support/users/ozone/) * (@ozone) * [9 years, 11 months ago](https://wordpress.org/support/topic/help-editing-plugin/#post-8365500) * Since the plugin has been deleted here is the code of the .php file for the plugin. * ``` ';echo '

Canlio Plugin Options

';echo '
';settings_fields('canlio_menu_option_group');do_settings_sections('canlio_menu_option_group');echo '';echo '';echo '';echo '';echo '';echo '
Canlio Page URL Slug
';submit_button();echo '
';echo '

Instructions for Product Menu

';echo '

Add your product menu to any page or post by adding the wordpress shortcode [canlio_menu] to the body text.

';echo '

Instructions for Rating Badge

';echo '

Add your Canlio Rating badge anywhere on your site using one of the 3 available methods:
';echo '

    ';echo '
  1. Add the "Canlio Badge" widget to your Widgets area.
    2. ';echo '
  2. Add the wordpress shortcode [canlio_badge] to the body text of any page or post.
    3. ';echo '
  3. (Advanced) Add to your template code whereever you want your badge to appear.
    4. ';echo '

';echo '';}function register_canlio_plugin_settings(){register_setting('canlio_menu_option_group','canlio_menu_page_slug');}function canlio_menu(){return get_webpage_content('https://www.canlio.com/stores/'.esc_attr(get_option('canlio_menu_page_slug')).'/inline-menu/');}function canlio_badge(){return get_webpage_content('https://www.canlio.com/stores/'.esc_attr(get_option('canlio_menu_page_slug')).'/inline-badge/');}function get_webpage_content($url){$lines_array=file($url);$lines_string=implode('',$lines_array);return $lines_string;}class Canlio_Badge_Widget extends WP_Widget{ public function __construct(){parent::__construct('canlio_badge_widget',__('Canlio Badge','text_domain'),array('description'=>__('Your Canlio rating badge.','text_domain'),));} public function widget($args,$instance){echo $args['before_widget'];echo canlio_badge();echo $args['after_widget'];} public function form($instance){echo '

This is what will appear:

';echo canlio_badge();} public function update($new_instance,$old_instance){return $new_instance;}}function register_canlio_widget(){register_widget('Canlio_Badge_Widget');} ?> ``` * What I am having trouble with is the shortcode. Am I wrong to assume that the shortcode “canlio_menu” will lead me to css that allows me to edit the background color? * I have looked in functions.php and can’t seem to find the .canlio-inline * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [9 years, 11 months ago](https://wordpress.org/support/topic/help-editing-plugin/#post-8366591) * Do you want to write your own CSS? You can do this in a Custom CSS plugin or within a Child Theme style.css file. You can write your own CSS to override any plugin CSS. * Thread Starter [Ozone](https://wordpress.org/support/users/ozone/) * (@ozone) * [9 years, 11 months ago](https://wordpress.org/support/topic/help-editing-plugin/#post-8369657) * Hi Andrew, * Thanks for the reply. I know a little about CSS but was just planning on modifying the code they have setup, and changing the default background color and a few other minor adjustments. * I have downloaded the customer CSS plugin, and added the following: * ``` .canlio-inline {font-family: Helvetica, Arial, sans-serif;text-align: center;background-color: #FF0000;} .canlio-inline .attributes {margin-top: 20px;list-style: none;font-size: 16px;color: #999999;} .canlio-inline .attributes–small {margin-top: 5px;font-size: 12px;} .canlio-inline .attributes-attribute {display: inline-block;} .canlio-inline .attributes-attribute img {margin-bottom:2px} .canlio-inline .attributes-attribute::after {content: “\a0\b7\a0”;color: #9aadba;} .canlio-inline .attributes-attribute:last-child::after {content: “”;} .canlio-inline .menu-header {font-size: 14px;font-weight: 600;text-transform: uppercase;border-top: 4px solid #000;border-bottom: 2px solid #000;padding: 10px 0;margin: 20px 0 20px 0;background-color: #fff;} .canlio-inline .menu-header:before, .canlio-inline .menu-header:after {content: ” “;display: table;} .canlio-inline .menu-header:after {clear: both;} .canlio-inline .menu-header .menu-header__title {float: left;color: #000; cursor: pointer;width: 100%; text-align: left;} .canlio-inline .menu-header .menu-header__title {font-weight: 700;font-size: 18px;line-height: 24px;font-family: “Open Sans Condensed”;text-transform: uppercase;color: #555555;margin: 0;padding: 0;} .canlio-inline .menu__items {list-style: none;padding-left: 0; } .canlio-inline .menu-product {border-bottom: 1px solid #C9CCCE;margin-bottom: 20px;padding-bottom: 20px;text-align: left;} .canlio-inline .menu-product:before, .canlio-inline .menu-product:after {content: ” “;display: table;} .canlio-inline .menu-product:after {clear: both;} .canlio-inline .menu-product .menu-product__title {font-weight: 600;margin: 5px 0 0 0;color: #262f38;} .canlio-inline .menu-product .menu-product__image {display: block;height: 75px;width: auto;border-radius: 50%;float: left;position: relative;border: 1px solid #D8DCDE;margin-left: 10px;margin-right: 10px;} .canlio-inline .menu-product .menu-product__price {float: right;} .canlio-inline .menu-product__price {display: block;float: right;color: #545d66;width: 85px} .canlio-inline .menu-product__price .amount, .canlio-inline .menu-product__price .price, .canlio-inline .menu-product__price .unit {display: inline-block;font-size: 20px;} .canlio-inline .menu-product__price .amount .dollars {display: block;float: left;font-weight: 600;margin-left: 3px;} /*.canlio-inline .menu-product__price .amount .dollars::first-letter {color: #999999;font-weight: 1;font-size: 0;}*/ .canlio-inline .menu-product__price .amount .dollars::first-letter {vertical-align: super;font-size: 12px;font-weight: 400;} .canlio-inline .menu-product__price .amount .cents {vertical-align: super;font-size: 10px;} .canlio-inline .menu-product__price .unit {position: relative;vertical-align: sub;font-size: 10px;margin-left: -10px;margin-right: 2px;margin-bottom: 8px;cursor: pointer;} .canlio-inline .menu-product__price .unit::before, .canlio-inline .menu-product__price .unit::after {border: solid transparent;content: ” “;height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent;left: 50%;} .canlio-inline a {color: #00a14d;text-decoration: none;} .canlio-inline a:hover, .canlio-inline a:focus {color: #005427;text-decoration: none;} .canlio-inline a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;} .canlio-inline img {vertical-align: middle;} .canlio-inline .menu-product__description {margin-left: 97px;font-size: 12px;color: #999999;width: 70%} .canlio-inline a.canlio-link {color: #999999;} .canlio-inline a.canlio-link:hover, .canlio-inline a.canlio-link:focus {color: #00a14d;text-decoration: underline;} .canlio-caret {float: right;} .menu-header__title.canlio-accordion-toggle .canlio-caret:after {content: “\25B2”;} .menu-header__title.canlio-accordion-toggle-active .canlio-caret:after {content: “\25BC”;} .canlio-accordion-inner {background-color: #fff;overflow: hidden;} .canlio-accordion-closed {display: none;} .canlio-accordion-open {display: block;} ``` * I changed the background tag to red just to try it out but doesn’t seem the change the plugins background color. I know I am doing something wrong, just hoping you will be able to point me in the right direction(thanks for all the help). * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [9 years, 11 months ago](https://wordpress.org/support/topic/help-editing-plugin/#post-8380660) * I’m not sure I see the plugin active in your site, but try using this code: * ``` html .canlio-inline { background: red; } ``` * Thread Starter [Ozone](https://wordpress.org/support/users/ozone/) * (@ozone) * [9 years, 11 months ago](https://wordpress.org/support/topic/help-editing-plugin/#post-8382549) * Thank you Andrew, * That worked perfectly! I am now well onto my way to making the adjustments I need. * Thanks again Viewing 7 replies - 1 through 7 (of 7 total) The topic ‘Help Editing Plugin’ is closed to new replies. * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 7 replies * 3 participants * Last reply from: [Ozone](https://wordpress.org/support/users/ozone/) * Last activity: [9 years, 11 months ago](https://wordpress.org/support/topic/help-editing-plugin/#post-8382549) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics