Jump to content


Photo
- - - - -

How to protect Buttons behaviour when styling a and a:hover in CSS


  • Please log in to reply
6 replies to this topic

#1 perininero

perininero

    Advanced Member

  • Members

  • 76 posts
  • LocationThe Hague, The Netherlands
  • Framework Version:DMS and former PL
  • Country: Country Flag

Posted 06 September 2012 - 09:18 AM

We styled a and a:hover in a way we prefer on this demo website (we would like to launch soon as redesign of courtesymasters.com). We use a child theme. Unfortunately we do not succeed in not affecting the behaviour of buttons in content/widget areas; see for example page

Please Login or Register to see this Hidden Content

the widget on the right with Apply via LinkedIn. The ones looking and behaving well do not function :-( At the same page and other pages you will find how we styled a and a:hover in content areas. Do you know how we can use the "regular" buttons provided by the framework, without them addepting the a and a:hover styles we would like to use? Thank you.

#2 Jenny

Jenny

    Owned by PageLines

  • Unicorn Store Dev

  • 2917 posts
  • LocationWV
  • Country: Country Flag

Posted 06 September 2012 - 02:33 PM

These are the default values for the hover and should help point you in the right direction:

Please Login or Register to see this Hidden Content



#3 perininero

perininero

    Advanced Member

  • Members

  • 76 posts
  • LocationThe Hague, The Netherlands
  • Framework Version:DMS and former PL
  • Country: Country Flag

Posted 06 September 2012 - 03:43 PM

@simple_mama thanks, did not succeed yet, I'll take a better look tomorrow

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 06 September 2012 - 04:15 PM

Okay, keep us updated!

#5 perininero

perininero

    Advanced Member

  • Members

  • 76 posts
  • LocationThe Hague, The Netherlands
  • Framework Version:DMS and former PL
  • Country: Country Flag

Posted 07 September 2012 - 09:19 AM

@catrina @simple_mama Thanks but sorry, I really don't get it :-( Lack of experience in CSS I guess. We tried to reduce the unwanted effects of styling our a and a:hover, by defining these in CSS to #postloop div. So, all buttons and links in other sections are not affected. No we come across buttons with links in the postloop (content and widgets areas). We think, the only way to style these buttons in these postloop areas properly (styling of buttons like the buttons provided by the framework), is to add all default buttons CSS of PageLines (or your provider) to our custom CSS of the child theme, and add #postloop to it all??? Sorry for the lack of knowledge and thank you for your help, again!! (off topic: we provided to you all 800+ missing translations to the Dutch language in your translation center 2 days ago; any idea of the process regarding to approving of submitted translations?)

#6 perininero

perininero

    Advanced Member

  • Members

  • 76 posts
  • LocationThe Hague, The Netherlands
  • Framework Version:DMS and former PL
  • Country: Country Flag

Posted 07 September 2012 - 11:54 AM

@catrina @simple_mama issues solved via CSS! your suggestions directed me to another approach; thanks a lot! topic can be closed at this time thanks!!

#7 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 07 September 2012 - 03:05 PM

Great!