Change layout

  • Resolved gunivortus01

    (@gunivortus01)


    3 years, 9 months ago

    I like to change the layout of SAC a bit:
    – The text in the fields right above the submit button is dark gray. I like to change the color.
    – I like to change the color of the text and the background of the submit button.
    – and I like to have a thin dark blue border around the fields.

    Looking in the sac.css does not help me, as I have very little knowledge of CSS.
    Some ready strings would be very welcome.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Jeff Starr

    (@specialk)

    Custom styling is not a provided feature, but you can add any CSS that you want. For example to change the background-color of the form fields, add this code to the plugin setting “Custom CSS styles”:

    form#sac-form fieldset input, 
form#sac-form fieldset textarea { background-color: green; }

    Likewise to change the background-color of the submit button:

    form#sac-form div#sac-user-submit input#submitchat { background-color: green; }

    You can add other porperties/values as well, like color, border, etc. You will need to learn some basics of CSS, but after that you’ll be all set.

    Again I want to emphasize that custom styles are not included with the plugin, but I do want to help. Hopefully the above examples are useful for you.

    Thread Starter gunivortus01

    (@gunivortus01)

    Yes, thanks a lot, that is useful.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change layout’ is closed to new replies.