Jump to content

Archived

This topic is now archived and is closed to further replies.

khuemann

Embed classes to make button

Recommended Posts

khuemann

I am trying to turn the simple nav anchor tags into buttons. Is this the correct way to do it?

 

I tried adding the following code:

 

#page #simple_nav734ijv {
 
  #translucent > .background(#d3d3d3,60%);
  min-height:50px;
  
  a{
    .btn;
    .btn-primary;
  }
    
}
 
The btn and btn-primary classes do not seem to be working. Am I doing something wrong?

Share this post


Link to post
Share on other sites
Danny
HI, Not sure what you're trying to do, can you provide a link to the site along with a screenshot please.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
khuemann

The site is located on my localhost server. I am trying to make the simple-nav links into buttons instead of just text.

 

The classes: btn and btn-primary should change the anchor tag into a button. It works if I add those classes directly, but if I add those classes in the less, it does not inherent the btn and btn-primary classes. Yet if add color:red the text changes color so I know I have the css selection correct.

 

This is what I have:

http://www.tiikoni.com/tis/view/?id=8222c7d

 

This is the desired product:

http://www.tiikoni.com/tis/view/?id=1fda10d

 

It should work with those classes but it is not. Is my less not working?

Share this post


Link to post
Share on other sites
Danny

Hi,

 

The simplest method is like you said by adding the btn classes to the Menus classes option. However, I am not sure what you mean when you say if I add those classes to the Less ?

 

Can you explain in more detail please.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
khuemann

I have in my custom code this:

 

#page #simple_nav734ijv a{
    .btn;
    .btn-primary;

}

Should this not add all of the css of the btn and btn-primary elements to the simple navs anchor tag?

Share this post


Link to post
Share on other sites

×