Silly question about html in text widget

  • dweeb

    (@dweeb)


    9 years, 10 months ago

    I have a probably way too stupid question about HTML but since I can’t wrap my head around the problem, thought I’d ask here:

    I have a button on the footer that works as a pop-up contact form (using Contact Form 7 and Form Lightbox).
    The button works fine, just as it should be.

    BUT, I’d like to change the buttons appearance and have been trying to find HTML that would work.
    I’d like to make the button a bit larger, change the font and also the color, maybe also the shape a bit. Nothing major, but some tweaking..

    The problem is that I can only use use button style (at once) – if I add anything else, it only shows the first thing that I have put after “button style”. So if I have the color green there first, I can see it as green, but if I add rounded corners html there, I get rounded corners but not green..

    here’s the widget content now (I only have the color green there)

    [formlightbox_call class=”7″]<button style=”background-color:#94C11F”> Ota yhteyttä!</button>
    [formlightbox_obj id=”7″][contact-form-7 id=”75″ title=”Yhteydenottolomake 1″][/formlightbox_obj][/formlightbox_call]

    and here’s the website: http://www.juhlaverstas.fi/etusivu

Viewing 2 replies - 1 through 2 (of 2 total)
  • J M

    (@hiphopinenglish)

    9 years, 10 months ago

    Why don’t you use CSS via your stylesheet? It might be a little easier. You can add whatever you like, and change it more easily in your browser using Firebug.

    This is the selector:

    .cboxElement button {
    font-size: 1.2em; /* Makes the text (and button) a little larger.
}

    In case you have more than one such button on your site, you might want to give this button a more specific selector by giving it a class in html. In your widget you could use:
    <button id="homepage-contact">...

    Then your selector can be more specific:

    button #homepage-widget {
...
}
    Thread Starter dweeb

    (@dweeb)

    9 years, 10 months ago

    I got it to work with changes to the theme, but there seems to be problem with older browser versions.. well, have to work on that later..
    Thanks!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Silly question about html in text widget’ is closed to new replies.