Sample CSS styles

On this page you can find some sample CSS codes that can be used in custom.css file.

Feel free to copy them and addjust to your needs.

Styling buttons and links

  1. "Enter competition" button on Home page > as custom image
  2. "Enter Competition" button on Home page > with custom icon
  3. "Vote" button on Home page > special background colour
  4. "Winners" button on Home Page > align right
  5. Round corners

Styling photo entries

  1. Entries in side widget with basic info and avatar > info and avatar besides the photo entry
  2. Entries in side widget with basic info and avatar > few photos in a row

Styling filters on gallery page

  1. Current option visible with titles, more options expand on hover, filters float right
  2. Current option visible, other options expand on hover, filters float right
  3. All options visible, sorter titles visible on hover
  4. Separate styling for each filter
  5. Colours

Responsive design

  1. Styles adjusted to screen resolution (media queries)
  2. Wide main content container on wide screens (above 1280px)
  3. Wide aside column on wide screens (above 1300px)
  4. Responsive ads

External widget

  1. Statistics widget

 

 

 

 

 

 

 

 

 

  

Competizer Platform is the online contest software to create and manage Online Competitions.

More info at 

competizer.com