Customizing Clickable Buttons/Page Title Bars

I want to customize the look of the buttons on my mobile site. Can I? If so, how?

There are actually two ways this can be accomplished.

The first way involves using your own images to build custom navigation menus. Additional information can be found: Here

The second is to make use of CSS.

For an example of how this is accomplished with CSS:

  • Log in to your MoFuse account and click on the mobile website that you wish to customize.
  • Click on the 'Look n' Feel' icon.
  • If you haven't selected a template, do so now.
  • Look in the 'Template CSS' field.

The CSS specifically referring to the custom buttons will look like the example below. Note an actual image file is being used for the actual look of the button as per the 'background-image' variable:

.link {
	background: none repeat scroll 0 0 #9C785E;
	background-image: url('');
	background-position: center right;
	background-repeat: no-repeat;
	border-radius: 3px;
	margin-left: 5px;
	margin-right: 7px;
	margin-top: 7px;
	box-shadow: 2px 2px 2px #442814;
	/* Safari & Chrome */
	-webkit-box-shadow: 2px 2px 2px #442814;
a.category {
	display: block;
	color: #ffffff;
	text-shadow: #3F170E 2px 1px 1px;
	text-size: medium !important;
Have more questions? Submit a request


Article is closed for comments.