CSS codes for dyad button layout

• 

  filiplangenbick · Member · Feb 19, 2017 at 3:10 pm

  • Copy link
  • Add topic to favorites

  Hi, are the any CSS codes available for Dyad layout for buttons.
  I know that in some other layout the class button and minimal button are available.

  Thanks,
  Filip

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

• 

  kathrynwp · Staff · Feb 20, 2017 at 7:57 pm

  • Copy link

  Dyad does have a built-in button style – the class is .button

  You can add a button to a post, page, or widget using the first method in the guide here:

  A Call to (Button) Action

  <a class="button" href="https://dyaddemo.wordpress.com/">Button</a>

  Let me know how it goes.

• 

  filiplangenbick · Member · Feb 27, 2017 at 10:35 am

  • Copy link

  Hi Kathryn,

  Thanks for you reply.
  Unfortunately, it’s not working
  You could find out for yourself on my page:
  https://filiplangenbick.wordpress.com/2016/05/11/lost/

  <img class=”alignnone size-full wp-image-1482″ src=”https://filiplangenbick.files.wordpress.com/2016/05/lostman.jpg” alt=”LostMan.jpg” width=”2048″ height=”1371″ />Ontdek mijn fotoreportage

  Thanks a lot,
  Filip

• 

  filiplangenbick · Member · Feb 27, 2017 at 12:24 pm

  • Copy link

  This is the code i’ve been using:

  <img class=”alignnone size-full wp-image-1482″ src=”https://filiplangenbick.files.wordpress.com/2016/05/lostman.jpg” alt=”LostMan.jpg” width=”2048″ height=”1371″ /> </br>Ontdek mijn fotoreportage

• 

  filiplangenbick · Member · Feb 27, 2017 at 12:25 pm

  • Copy link

  This is strange: the sythem replace automatic ‘button’ into ‘alignnone size-full wp-image-1482’ ??

• 

  galois · Member · Feb 27, 2017 at 12:40 pm

  • Copy link

  This is strange: the sythem replace automatic ‘button’ into ‘alignnone size-full wp-image-1482’ ??

  <- See the left side on the box for comments:

  You can also put code in between backtick ( ` ) characters.

• 

  kathrynwp · Staff · Feb 27, 2017 at 8:06 pm

  • Copy link

  Some of the necessary CSS was missing from the button class in Dyad. Tat’s been fixed and you can now see your button in action.

  Looks like you also accidentally added the button class to a link on the image on that page, so you’ll want to flip to HTML view to remove that extra code.

  Let me know how it goes.

• 

  filiplangenbick · Member · Feb 28, 2017 at 9:05 am

  • Copy link

  Great Kathryn,

  Thanks a lot,
  Filip

• 

  kathrynwp · Staff · Feb 28, 2017 at 2:14 pm

  • Copy link

  My pleasure. I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.