Shopping Basket

 x 

Cart empty


Log In

Find Us Elsewhere

SSL

Forum Search

Keyword

Mod Featured Products Grid - Moving Title to Top

  • 4FootyFans
  • 4FootyFans's Avatar Topic Author
  • Offline
  • Expert Boarder
  • Expert Boarder
More
3 years 9 months ago #3491 by 4FootyFans
Hi

Having followed your instruction:

Find the line

div.featuredProdGrid div.productName{
width:100%;
height:40px;
font-size:1.0em;
line-height: 20px;
color:#000099;
background-color:#ccccff;
text-align:center;
position:absolute; bottom:0px; left:0px;
/*opacity:0.5;-moz-opacity:0.5;
filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.5);
*/
}

Change 'bottom:0px' to 'top:0px'.

I am now left with needing to move the image down or remove the space from the bottom.

Please see screenshot

TIA

4FF
Attachments:

Please Log in or Create an account to join the conversation.

More
3 years 9 months ago - 3 years 9 months ago #3493 by boggler
probably the easiest way is to add a margin-top to the div.browseImageHolder, it will then shift down the contents.
div.gridview div.browseImageHolder {
	width: 26%;
	height: 340px;
	float:left;
	background-color:#eeeeff;
	padding:10px;
	margin:2px;
        margin-top: 20px
	position:relative;
	overflow:hidden;
	border:2px solid #cccccc;
	z-index:1000;
}


div.listview div.browseImageHolder {
	width: 90%;
	height: auto !important;
	float:left;
	background-color:#eeeeff;
	padding:10px;
	margin:2px;
        margin-top: 20px;
	position:relative;
	overflow:hidden;
	border:2px solid #cccccc;
	z-index:1000;
}

You can set the grid cell height in the options, that should remove the empty space.
Last edit: 3 years 9 months ago by boggler.

Please Log in or Create an account to join the conversation.

  • 4FootyFans
  • 4FootyFans's Avatar Topic Author
  • Offline
  • Expert Boarder
  • Expert Boarder
More
3 years 9 months ago #3494 by 4FootyFans
Replied by 4FootyFans on topic Mod Featured Products Grid - Moving Title to Top
Thanks, but "margin-top: 20px;" has no effect.

Changing the cell height in options does remove the empty space though.

Please Log in or Create an account to join the conversation.

More
3 years 9 months ago #3495 by boggler
try applying the margin-top to div.browseImageHolderInner

Please Log in or Create an account to join the conversation.

More
3 years 9 months ago #3496 by boggler
or try adding top:20px to div.browseImageHolder

Please Log in or Create an account to join the conversation.

  • 4FootyFans
  • 4FootyFans's Avatar Topic Author
  • Offline
  • Expert Boarder
  • Expert Boarder
More
3 years 9 months ago #3497 by 4FootyFans
Replied by 4FootyFans on topic Mod Featured Products Grid - Moving Title to Top
Yes, that worked.

Thanks for your quick help.

Please Log in or Create an account to join the conversation.

Moderators: boggler
Time to create page: 0.357 seconds

Donate to Us

If you like our extensions, consider making a donation to say thanks.