Support Forum

Every time that you post a problem, PLEASE add the Joomla and the extension's versions and revisions (for example: Joomla 3.3.6, Contact Enhanced 3.3.5), PHP version and Server's Operating System. If you only manage only one site it is easier if you edit your profile and just add that information to your signature. Don't forget to add a detailed description of the problem. If possible, write down all steps to simulate the problem.

Before submitting a new post, PLEASE make sure you are running the latest version, test in different browsers (IE, FF, Chrome,..) and clear Joomla and browser's cache after every change you make.

Also, most questions are already answered in our FAQ and in iFAQ and Contact Enhanced documentation pages.

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: Contact Enhanced
  7. Plugin: iStoreLocator
  9. Where do we put customer css entries
× Ideal Store Locator Plugin (iStoreLocator) works with Google Maps API which allows your website visitors to easily locate stores/contacts on the map.

Product Page

Where do we put customer css entries

1 week 4 days ago #27389 by tphoenix
We would like to change the buttons and font. Where do we put the following css?

Store Locator Buttons
.button {
background-color: #AFC14E; /* Lime Green */
border: none;
color: #000000; /* Black */
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font: bold 16px "Poppins", sans-serif;
border-radius: 4px;
}

.button {
color: black;
}

.button:hover {
background-color: #31410B;
color: white;
}

Please Log in or Create an account to join the conversation.

1 week 4 days ago #27390 by support
Hello tphoenix,

To incorporate custom styling, you can create a CSS file named custom.css. Please upload this file to the following directory: /plugins/system/istorelocator/assets/css/. This will allow you to apply your desired styles without affecting the core plugin files, ensuring that your changes remain intact through future updates.

If you need further assistance, feel free to ask!

Best regards,
Douglas Machado
iStoreLocator | iFAQ | Ideal Related Articles | Contact Enhanced

Please Log in or Create an account to join the conversation.

1 week 2 days ago #27392 by tphoenix
We have the file inplace but donot see the changes. Is the code I pasted in place correct to change the button color and text.

Please Log in or Create an account to join the conversation.

1 week 20 hours ago #27395 by support
Hello tphoenix,

The CSS selector is wrong. Try this CSS code instead to change only the CSS styling of the search of the "Find my location" button:
.isl-search-bar .btn {
background-color: #AFC14E; /* Lime Green */
border: none;
color: #000000; /* Black */
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font: bold 16px "Poppins", sans-serif;
border-radius: 4px;
}
 
.isl-search-bar .btn:hover {
background-color: #31410B;
color: white;
}

Let me know if you have any other questions.

Best regards,
Douglas Machado
iStoreLocator | iFAQ | Ideal Related Articles | Contact Enhanced

Please Log in or Create an account to join the conversation.

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: Contact Enhanced
  7. Plugin: iStoreLocator
  9. Where do we put customer css entries
Powered by Kunena Forum

Copyright © 2018 IdealExtensions.com. All Rights Reserved.

This site is not affiliated with or endorsed by the Joomla!™ Project. It is not supported or warranted by the Joomla!™ Project or Open Source Matters™. The Joomla!™ logo is used under a limited license granted by Open Source Matters™, the trademark holder in the United States and other countries.
We may collect your IP address and your browser's User Agent string while using our site for security reasons and deriving aggregate information (analytics). This information is retained for a minimum of 1 and a maximum of 24 months.
Feedback