Global rounded corners elements

• 

  oritsh · Member · Jun 2, 2015 at 6:05 am

  • Copy link
  • Add topic to favorites

  Hi,
  i need one more help with the Motif theme css –
  i like to define that most of the elements in it will be with rounded corners.
  where to define the border radius as a global, instead of define it for each element separately ?
  thanks for your help
  Orit

  The blog I need help with is: (visible only to logged in users)

• 

  staff-jeanpierreac · Staff · Jun 2, 2015 at 6:33 am

  • Copy link

  Hi.

  It is not an easy question. In addition take into account there are really a lot of elements so if you would be able to define such a global behavior you would maybe have non expected side effects.

  In my opinion the best could do to make a list of comma separated elements you want with rounded corners, being for each one as general as you can. You can use tag names (as aside), identifiers (#tertiary) and classes (.colophon).

  .colophon,
  #tertiary,
  aside,
  nav,
  article
  {
  border-radius: 10px

  }

  I hope this helps you.

• 

  oritsh · Member · Jun 2, 2015 at 7:23 am

  • Copy link

  Thank you very much raulanton (:
  it’s look like good idea !

• 

  staff-jeanpierreac · Staff · Jun 2, 2015 at 7:30 am

  • Copy link

  Glad to read that! :)