Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Setting the width and positioning banner extra

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi,

I am just enjoying Medica... Super template.

Question: is there a way from inside the template of setting the width and positioning of the banner-extra module?

I can manage this via some custom.css but would prefer compiling this into the template settings if it is possible.

The attached will show where I am heading...

File Attachment:

File Name: property-search.zip
File Size: 1,491 KB


Many thanks


Richard
  • richarddhill's Avatar
  • richarddhill
  • 6 Month Developer
  • 193 posts
  • 3 Thanks
  • Karma: 5
The administrator has disabled public write access.
Hi Richard,
Custom css is the best for this. We added some fixed positioning for that position in the less/banner.less file:
#banner-extra {
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	width:100%;
	
	
	#banner-extra-inner {
		max-width:80%;
		width:@twidth;
		margin:@banner_extra_offset auto 0;
		
		@media screen and (max-width: @tablet-max-width) {
			max-width:90%
		}
		
		@media screen and (max-width: @phone-max-width) {
			max-width:90%
		}
		
		h3 span:after,
		h3 span:before {
			display:none
		}
		
		h2 {
			border-bottom:0
		}
		
		h2:after {
			height:0
		}
	}
	
	.moduletable {
		text-align:center
	}
	
	input[type="text"] {
		width:80%;
		
		@media screen and (max-width:@phone-max-width) {
			width:70%
		}
		
		border: 4px solid rgba(0,0,0,0.15) !important;
		border-radius: 3px !important;
		padding: 10px 30px;
		color: #999;
		font-weight:bold;
		text-transform: uppercase;
		background:rgba(255,255,255,0.8);
		float:left
	}
	
	button,.btn {
		padding:18px 30px;
		
		.zen-icon {
			margin-right:0
		}
	}
}

You could add the bits you need there to a less/custom.less file and then that would compile into the main file.

Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Thanks Anthony,

Will adjust there to give the display we need.

Best wishes


Richard
  • richarddhill's Avatar
  • richarddhill
  • 6 Month Developer
  • 193 posts
  • 3 Thanks
  • Karma: 5
The administrator has disabled public write access.
Thanks Richard

Be interesting to see how it turns out

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers