The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Breadcrumb path not lining up correctly

Go down

Solved Breadcrumb path not lining up correctly

Post by Guest November 29th 2015, 4:32 pm

TECHNICAL DETAILS
Forum version : #phpBB3
Position : Co-Founder
Screenshot of problem : See below
Who the problem concerns : All members
Forum link : http://faqts.do-talk.com/

I have a little problem with the breadcrumb path not lining up in the topics. It does line up with the rest.
And some of the names are not there

As this originally is not my own coding, I am not entirely sure what to change to get it to line up.
I did change the height and all and that seems to work fine...


=============
Forum part
=============
Here it does not show the forum "Home" in the blue part, but lines up nicely:
Breadcrumb path not lining up correctly Forum_10


=============
Topic part - Top
=============
At the top inside the topic it does not line up and does not show "Home"
I would like to have it below the buttons if possible
Breadcrumb path not lining up correctly Topic_10



=============
Topic part - Bottom
=============
At the bottom of the topic it is not lining up, and the "Home" name also does not line up:
I would like it above the buttons if possible
Breadcrumb path not lining up correctly Topic_11


=============
Code in CSS Stylesheet
=============
Code:
.topic-actions > .search-box,.pathname-box{margin:0;float:none}
.pathname-box .nav[href=""]{display:none}
.topic-actions > p:not(.right),.pathname-box > p{background:#fff;border:1px solid #A8A8A8;padding:0;margin:20px 0;font-size:0}
.topic-actions > p:after,.pathname-box > p:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.topic-actions > p> a,.pathname-box > p > a{float:left;font-size:12px;color:#666;margin:0;padding:0;line-height:16px;height:16px;display:block;position:relative;background:#DDD;padding:0 10px 0 20px}
.topic-actions > p> a:first-child,.pathname-box > p > a:first-child{background:#2980b9;width:30px;padding-left:4px}
.topic-actions > p> a:first-child > span,.pathname-box > p > a:first-child > span{display:block;text-indent:-9999px}
.topic-actions > p> a:before,.topic-actions > p > a:after,.pathname-box > p > a:before,.pathname-box > p > a:after{content:" ";border:8px solid transparent;border-left-width:8px;border-right:0;border-left-color:#DDD;display:block;position:absolute;right:-8px;top:0;z-index:10;width:0;height:0}
.topic-actions > p> a:after,.pathname-box > p > a:after{border-left-color:#999;right:-9px;z-index:5}
.topic-actions > p> a:first-child:before,.pathname-box > p > a:first-child:before{border-left-color:#2980b9}
.topic-actions > p> a:hover,.pathname-box > p > a:hover{background-color:#333;color:#FFF}
.topic-actions > p> a:hover:before,.pathname-box > p > a:hover:before{border-left-color:#333}
.topic-actions > p> a:hover > span,.pathname-box > p > a:hover > span{color:#FFF}
=============


Some advise please, thank you


Last edited by Meesleepbeest on November 29th 2015, 5:49 pm; edited 1 time in total
avatar
Guest
Guest


Back to top Go down

Solved Re: Breadcrumb path not lining up correctly

Post by Guest November 29th 2015, 5:31 pm

Replace the CSS you're currently using with this one:
Code:
.topic-actions .buttons { float: none !important;}
.topic-actions > .search-box,.pathname-box{margin:0;float:none}
.pathname-box .nav[href=""]{display:none}
.topic-actions > p:not(.right),.pathname-box > p{background:#fff;border:1px solid #A8A8A8;padding:0;margin:20px 0;font-size:0}
.topic-actions > p:after,.pathname-box > p:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.topic-actions > p> a,.pathname-box > p > a{float:left;font-size:12px;color:#666;margin:0;padding:0;line-height:16px;height:16px;display:block;position:relative;background:#DDD;padding:0 10px 0 20px}
.topic-actions > p> a:before,.topic-actions > p > a:after,.pathname-box > p > a:before,.pathname-box > p > a:after{content:" ";border:8px solid transparent;border-left-width:8px;border-right:0;border-left-color:#DDD;display:block;position:absolute;right:-8px;top:0;z-index:10;width:0;height:0}
.topic-actions > p> a:after,.pathname-box > p > a:after{border-left-color:#999;right:-9px;z-index:5}
.topic-actions > p> a:hover,.pathname-box > p > a:hover{background-color:#333;color:#FFF}
.topic-actions > p> a:hover:before,.pathname-box > p > a:hover:before{border-left-color:#333}
.topic-actions > p> a:hover > span,.pathname-box > p > a:hover > span{color:#FFF}
avatar
Guest
Guest


Back to top Go down

Solved Re: Breadcrumb path not lining up correctly

Post by Guest November 29th 2015, 5:49 pm

That is great Very good Your a genius!

Thanks a lot for the help cheers
avatar
Guest
Guest


Back to top Go down

Solved Re: Breadcrumb path not lining up correctly

Post by brandon_g November 29th 2015, 6:28 pm

Thanks for the help '@'Mark Smile.

Topic solved and archived ~ brandon_g


Breadcrumb path not lining up correctly Brando10
Remember to mark your topic Breadcrumb path not lining up correctly Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

Breadcrumb path not lining up correctly Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 10113
Reputation : 923
Language : English
Location : USA

https://www.broadcastingduo.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum