Adding width to breadcrumb

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Jul 02, 2013 9:27 am
Reply with quote
Report this post
Hi,

I need some help to modify the breadcrumbs on my Bikestore 2.5 site.

Please see attached image. I'd like to add some extra width to the breadcrumb element as illustrated in red.

Please can you advise how to acheive this?

Thanks
User avatar
Gold Boarder

teitbite
Tue Jul 02, 2013 11:42 am
Reply with quote
Report this post
Hi

You can change it by manipulation with a padding:

Code: Select all
#gkBreadcrumb .breadcrumbs > ul > li {
    padding: 0 15px;
}
User avatar
Moderator

GK User
Tue Jul 02, 2013 3:19 pm
Reply with quote
Report this post
Teitbite, it already has that coding.

Full styling applied to template.css is:-

#gkBreadcrumb .breadcrumbs > ul > li {
float: left;
border-top: none;
font-size: 12px;
line-height: 28px;
padding: 0px 15px;
margin-bottom: 5px;
background: #ebebeb;
}

Any other way I can build in some space on the right side of the breadcrumb like in the attached image? Thnx
User avatar
Gold Boarder

teitbite
Thu Jul 04, 2013 11:52 am
Reply with quote
Report this post
Hi

Yes it's in this codding :) I meant that You can resize breadcrumb field by changing padding value in this code. I copied the one with 15px just as example. Please try to rise it to 20px.
User avatar
Moderator


cron