Button - code

Welcome.
What code and where to insert records to BEZPŁATNE ZAPISY in the button.
I add a picture.
Thanks for help.
http://demo.randek.pl/kategorie/les

Hi,
button (this nice grey one) uses this code

Code: Select all

<div style="text-align: right;" id="gkRegister"><a href="#">BEZPŁATNE ZAPISY</a>
   </div>

But I saw that you second "Bezplatne zapisy" link is from acymailin module as I saw in HTML.

I suggest to use this CSS, it should work:

Code: Select all

#acymailing_togglemodule_formAcymailing89471 a {
    background: none repeat scroll 0 0 rgba(75, 75, 75, 0.52);
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 800;
    line-height: 24px;
    padding: 8px 22px;
    text-transform: uppercase;
    transition: background 0.3s ease-out 0s;
}


#acymailing_togglemodule_formAcymailing89471 a:hover {
    background:  #e89e44
}


CSS where : http://www.gavick.com/documentation/joo ... -template/

Thanks for the reply.
I added - as in the guidelines.
When you refresh the page id changes tip ex. now is acymailing_togglemodule_formAcymailing23861

upss,
so made a small change replace #acymailing_togglemodule_formAcymailing89471 a
with .acymailing_togglemodule a

I've added the code and CSS override is ON but still does not appear
What you have to do or where is the problem.
Thank you for your response.

Code: Select all

.acymailing_togglemodule a {
        background: none repeat scroll 0 0 rgba(75, 75, 75, 0.52);
        border-radius: 3px 3px 3px 3px;
        color: #FFFFFF;
        font-size: 24px;
        font-weight: 800;
        line-height: 24px;
        padding: 8px 22px;
        text-transform: uppercase;
        transition: background 0.3s ease-out 0s;
    }
.acymailing_togglemodule a:hover {
        background:  #e89e44
    }

hmm, but your override.css is empty now.


Try this a.acymailing_togglemodule { .........}

Thanks for your help.
But supposedly about:
- Background does not change the background color of the orange
- A small font
- The button is on the length of the web

Thanks for your help.

- Background does not change the background color of the orange

Because you forgot to change also here:

Code: Select all

 a.acymailing_togglemodule:hover {
        background:  #e89e44; color:#fff;
    }


- A small font

Add font size value

Code: Select all

font-size: 20px

- The button is on the length of the web

So add

Code: Select all

 width: 245px;

Can I ask for help.
I would like the button was placed in the middle of the page - and the newsletter module (by pressing a button) when expanded to make it more compact.
thank you
http://demo.randek.pl/kategorie/40-55-lat
or
http://randek.pl/kategorie/40-55-lat