Info

  • gigidife

    (@gigidife)


    1 year, 3 months ago

    Hi I have a problem with the colors plugin. my site has a black background. the problem is that the write message button appears grayed out and you can’t see anything. I searched the forum a bit inserting a css string but it always appears in that color. How can I make the text white. Congrats on the great plugin for. Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Marcel Pol

    (@mpol)

    1 year, 3 months ago

    Hi, that is unfortunate. Here is CSS that shouyld do something. You can add it through Appearance > Customizer > Custom CSS. Does this help for a starter?

    html body div.gwolle-gb input[type="button"],
    html body div.gwolle-gb input[type="submit"] {
        color: #fff; /* white */
        background-color: #f00; /* red */
        border: 1px solid #0f0; /* green */
    }

    html body div.gwolle-gb form.gwolle-gb-write div.input input[type="text"],
    html body div.gwolle-gb form.gwolle-gb-write div.input input[type="email"],
    html body div.gwolle-gb form.gwolle-gb-write div.input input[type="url"],
    html body div.gwolle-gb form.gwolle-gb-write div.input textarea,
    html body div.gwolle-gb form.gwolle-gb-write div.input select {
        border: 1px solid #0f0; /* green */
    }

    Regards, Marcel

    Plugin Author Marcel Pol

    (@mpol)

    1 year, 3 months ago

    If it doesn’t help, could you share the address of the website? I can then take a look and see if I can write something more fitting.

    Senri Miura

    (@senribb)

    1 year, 2 months ago

    My website also has a black background, so the plugin update made the Gwolle Guestbook button hard to see. So I fixed it with the following additional CSS. Now the input buttons are displayed stylishly:

    /*
    	Gwolle Guestbook button redesign
    */
    .gwolle-gb-write-button input {
    	font-size: 9pt !important;
    }
    .gwolle-gb-write-button {
    	.button {
    		display       : inline-block;
    		border-radius : 5%;
    		font-size     : 9pt;
    		text-align    : center;
    		cursor        : pointer;
    		padding       : 12px 12px;
    		background    : #000066;
    		color         : #ffffff;
    		line-height   : 1em;\
    		transition    : .3s;
    		box-shadow    : 0px 0px 8px #666666;
    		border        : 2px solid #000066;
      }
    	.button:hover {
    		box-shadow  : none;
    		color       : #000066;
    		background  : #ffffff;
    	}
    }
    • This reply was modified 1 year, 2 months ago by Senri Miura.
    • This reply was modified 1 year, 2 months ago by Senri Miura.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Info’ is closed to new replies.

Tags