The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Breadcrumb path not lining up correctly

View previous topic View next topic Go down

Solved Breadcrumb path not lining up correctly

Post by Meesleepbeest on 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:



=============
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




=============
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



=============
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

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: Breadcrumb path not lining up correctly

Post by @Mark on 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}

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Solved Re: Breadcrumb path not lining up correctly

Post by Meesleepbeest on November 29th 2015, 5:49 pm

That is great Very good Your a genius!

Thanks a lot for the help cheers

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: Breadcrumb path not lining up correctly

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

Thanks for the help '@'Mark Smile.

Topic solved and archived ~ brandon_g


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5140
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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