This is the community forum. For a developer response use the Client Area.
Follow us on Facebook, Twitter and YouTube!

Color change
#1

How would I change the color on the Add Comment button? It is transparent and just a lil gray when clicking Add Comment. Running version 2.5 great script and good work.
Visitor Comments  bottom of page.
I created a thread in General please delete it for me and thanks again.
Reply
#2

In your /comments/css/default.css file

Find this bit:
.cmtx_submit_button:disabled, .cmtx_preview_button:disabled

And increase the opacity to, for example, 0.7, or just remove it.
opacity: 0.2

Have you completed the interview?
Reply
#3

This does absolutely nothing as even though this is the incorrect file to edit. Have changed the gray to green and it still show transparent gray. Seems to be wrong file however that is the only css file I found. Running version 2.5
I added hover that is now commented out and that works but is the only edit in this form part that works correctly.

.cmtx_button {
background-color: #F5F5F5;   /* F5F5F5 */
background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
background-repeat: repeat-x;
border-image: none;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #878787;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
font-size: 14px;
line-height: 20px;
padding: 4px 12px;
text-align: center;
vertical-align: middle;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
color: #333333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);  
margin-right: 5px;
}

.cmtx_submit_button {
background-color: #0D4F8B;
color: #FFFFFF;
background-image: none;
text-shadow: none;
}

.cmtx_preview_button {
    background-color: #818181;
color: #FFFFFF; 
}

.cmtx_button:hover {
  /*  background-color: #818181;
color: #FFFFFF; */
}

/*.cmtx_submit_button:disabled, .cmtx_preview_button:disabled {
opacity: 0.2;
} */


Attached Files
.css default.css Size: 1.02 KB  Downloads: 21
Reply
#4

Removing the opacity did change the appearance.

But in this file:

https://acadianfamily.com/css/genstyle.css?v=12.0.1

You have this:

input[type="button"], input[type="submit"], input[type="reset"], button {
background-color: #dddddd;
}

And that's overriding the CSS from Commentics.

So you can either remove that or you can use the !important rule to override it.

For example:

.cmtx_submit_button {
background-color: #0D4F8B !important;

Have you completed the interview?
Reply
#5

Steven,
Had to go with the !important; in override, website to many colors?
Have been using Commentics a long time without any problems, will not be able to upgrade to 3.3 however seems to be having problems on test site. Running commentics 2.5 in php version 7.0 and our integration blends well in the comments with our website colors.
You have a great script and are doing a great job much appreciated, Keep up with the good work.
Thank you Steven
Reply


Possibly Related Threads…
Thread / Author Replies Views Last Post
Last Post by Steven
21-Feb-2019, 09:02 AM
Last Post by besric
03-Mar-2016, 10:22 PM
Last Post by mariank
30-Dec-2013, 11:34 AM
Last Post by fatfreddy
10-Sep-2013, 03:21 PM
Last Post by Gabe
28-Jan-2013, 12:17 PM

Forum Jump:


Users browsing this thread: 1 Guest(s)