Hi Brandon,

I am really sorry for the delay of this reply.

It seems like our IP is blacklisted and unable to access your site. Here is our current IP address : 175.139.130.20 .

Regarding on the issue above, may I know do you place the code under HTML Block? If possible kindly provide us with the uikit css code so we can test it in our local instance as well.

The UIKit code being overriden is:

<a class="uk-button uk-button-primary" title="MPG Fuel Calculator for Moving Truck" href="/moving-truck-rental/fuel-calculator" role="button">Truck MPG Calculator <i class="fa fa-external-link"></i></a>

I think I found the issue, on further inspection. The 'transparent' attribute in your CSS style in style-min.css is being applied instead of our button background color. I will update our custom CSS to have our background color as !important.

div#fd a {

    background: transparent;

}

Unless you have a better way to have the custom and UIKit CSS take priority over the EB theme styling? Most of what I am seeing is simple HTML markup to handle buttons, alerts and similar.

Hi Brandon,

The reason we applied 'transparent' attribute for 'a' tags need to prevent templates styling override our components UI.

To fixed it, you can either go to
/media/foundry/5.0/styles/foundry/reset.less comment out the 'transparent' attribute http://screencast.com/t/miojaNvRn , after that go to EasyBlog backend > Themes > Recompile LESS Files

or

Insert !important attribute for all the buttons from UIKits button.less.
e.g.:
.uk-button-primary {
background-color: @button-primary-background !important;
}

Sure. It's easier, of course, to just comment it out via the EB reset.less file. But won't any changes I make be overridden when the template/component has an update?

Brandon Scivolette wrote:

Sure. It's easier, of course, to just comment it out via the EB reset.less file. But won't any changes I make be overridden when the template/component has an update?

Sorry that both method will get overridden when you update the template/component.

Just an FYI for anyone else who finds this issue: I found that overriding the styles with !important in my own custom.css file became a big issue. Notably because there are so many different classes and states, not to mention the contrast styles for UIkit buttons.

So, I ultimately decided to revise the reset.less file as suggested by Chang. However, I quickly found that simply commenting out just one line didn't resolve the problem because of the active, hover, focus states. So, I commented out the entire 'a' styling which fully resolved my problem. Below shows lines 68-84 that have been commented out.

// a {

//	background: transparent;

//	&:link {

//		text-decoration: none;

//	}



//	&:hover {

//		color: @link-hover-color;

//	}



//	&:hover,

//	&:focus,

//	&:active {

//		color: @link-color;

//		background-color: transparent;

//	}

//}

Thanks for sharing Brandon