Custom CSS for Templates and Chrome

Support has been upgraded!



The Support Forum is closed. Not to worry!  Providing the top quality support you expect and we're known for will continue! We're not ending support, just changing where you submit requests. This will provide you with the best experience possible.

Premium Support

Have you purchased an addon for Connections such as one of our premium templates or extensions with a valid license and you need help?

Please open a Support Ticket in your user account.

Click here to open a support ticket.

Free Support

Are you using the free Connections plugin? Don't worry, you are still very important to us! We are still providing you with the same high quality support that we're known for.

Please open a new support topic in the WordPress support forums for Connections.

Click here to open a support topic.

This topic is: resolved

Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • 08/15/2018 at 5:39 pm #470056
    R
    Participant

    Custom CSS for templates behavior is not consistent among browser types (for cmap template). See the attached image, the image on the left is Chrome and the image on the right is Firefox/Explorer (latest versions of all as of the time of this post). It seems as if certain CSS elements are getting picked up by Chrome but many others are not. For example, the blue border around the image, the size of the font for the notes tray, the title font size, drop down font size, etc. are not getting picked up by Chrome. It’s possible the error is on my end. I have taken the CSS elements I wanted to override and placed them into cmap-custom.css. I have not reproduced the entire CSS file. For example, put “.chosen-container-single .chosen-single span” into cmap-custom.css and override by adding a font-size property. If I need to be doing something else to prevent this issue please let me know.

    Attachments:
    You must be logged in to view attached files.
    08/15/2018 at 7:29 pm #470067
    Steven Zahm
    Keymaster

    @ R

    The likely reason is Chrome is using older cached version of your custom CSS. When working with CSS, always, open the Chrome dev tools by hitting the F12 key. Click the Network tab and enable the “Disable cache“. This forces Chrome to always fetch the files vs using the files from its cache.

    When I visit your site in Chrome, since it is my first time to your site, the directory looks like you Firefox/Edge screenshot, not your Chrome screenshot.

    Hope this helps!

    08/15/2018 at 7:31 pm #470068
    Steven Zahm
    Keymaster

    @ R

    ps. Leave the Chrome dev tools open as you are tweaking the CSS so you can see the results each time you load the page.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

You cannot reply to this support topic. Please open your own support topic.