Changing the background of cMap

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: , , ,

  • This topic has 3 replies, 2 voices, and was last updated 13 years ago by Jack.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • 08/12/2013 at 9:08 am #266998
    Jack C
    Guest

    Hi

    I’m interested in purchasing cMap for our company website. However, they grey background is the one thing we’ll need to change.

    The element inspector pointed out that each line of text has a separate background (pictured below), is there a way to change this greyscale easily via the CSS files?

    pictured

    Much appreciated.
    Jack.

    08/12/2013 at 9:10 am #266999
    Jack
    Guest

    Sorry, forgot to add .png to the URL. Correct image is here: http://i.imgur.com/FDFgzUj.png

    08/12/2013 at 12:47 pm #267012
    Steven Zahm
    Keymaster

    @ Jack

    Yes, you can easily remove the gradients from cMap by removing them in the CSS.

    Here’s how:

    Open the cmap.css file found here: ../wp-content/plugins/cmap/

    Change this:

    #cn-cmap .cn-entry {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4);
-moz-box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4);
box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4);
background: #e3e3e3; /* Old browsers */
background: -moz-linear-gradient(top, #e3e3e3 1%, #f1f1f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e3e3e3), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e3e3e3 1%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e3e3e3 1%,#f1f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e3e3e3 1%,#f1f1f1 100%); /* IE10+ */
background: linear-gradient(top, #e3e3e3 1%,#f1f1f1 100%); /* W3C */
border:1px solid #D3D3D3;
font-size: 12px;
margin: 10px 4px;
padding: 12px;
position: relative;
}

    To this:

    #cn-cmap .cn-entry {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4);
-moz-box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4);
box-shadow: 0px 3px 4px 2px rgba(100, 100, 100, .4);
border:1px solid #D3D3D3;
font-size: 12px;
margin: 10px 4px;
padding: 12px;
position: relative;
}

    Change this:

    #cn-cmap span.cn-image-style {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #f1f1f1; /* Old browsers */
background: -moz-linear-gradient(top, #f1f1f1 0%, #e3e3e3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f1f1f1 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f1f1f1 0%,#e3e3e3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f1f1f1 0%,#e3e3e3 100%); /* IE10+ */
background: linear-gradient(top, #f1f1f1 0%,#e3e3e3 100%); /* W3C */
border: 1px solid #E3E3E3;
margin: 0;
padding: 5px;
}

    To this”

    #cn-cmap span.cn-image-style {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #E3E3E3;
margin: 0;
padding: 5px;
}

    Save the the file and upload overwriting the original.
    No, duplicate the file and name it cmap.min.css and upload it overwriting the original.

    That will do it. Hope that helps.

    08/13/2013 at 8:11 am #267065
    Jack
    Guest

    That’s great, thank you very much.

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

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