Jump to content

Adjust 'View' Button on Homepage


Recommended Posts

Hello, I've been adjusting my css file ( under the active theme, which is default_child) and it only moves the background image ( the little blue arrow). I cannot find how to adjust the spacing the for the blue 'VIEW' link in the New Products module on the home page.

 

I looked into every css file associated with this >>

 

modules > blocknewproducts.css

#new-products_block_right dd.last_item {border:none;}
#new-products_block_right dd a.lnk_more {
	padding-right: 10px;
	font-weight:bold;
	color:#0088cc;
	background:url(img/arrow_right_1.png) no-repeat 100% 4px;
}

I also looked into global.css >>

.description_box .lnk_more {
	background: url("../img/arrow_right_1.png") no-repeat scroll 100% 4px transparent;
	color: #0088CC;
	padding: 0 20px;
}
.description_box ul {
	padding-left: 30px;
	padding-bottom: 10px;
}

Made changes but no luck. Help anyone? 

When I add padding it moves the arrow around but not the text. You cannot visit the site, it is by registration only.

 

post-771997-0-62142600-1395183773_thumb.png

Link to comment
Share on other sites

In your homenewproducts.css find

#featured-products_block_center .product_desc {
    height: 45px;
}

And remove height, but then your price will cover footer.

 

To fix that you need to remove height from #featured-products_block_center LI

 

It's not good idea to put heights on elements

Link to comment
Share on other sites

×
×
  • Create New...