Somehow I managed to squish the topic navigation buttons in my webhelp template.
The template is a modified version of Webhelp responsive blue.
How can I fix this?
thank you!
Lamda
Topic navigation squished up
Moderators: Alexander Halser, Tim Green
-
- Posts: 5
- Joined: Tue Oct 24, 2017 3:00 pm
Topic navigation squished up
You do not have the required permissions to view the files attached to this post.
- Tim Green
- Site Admin
- Posts: 23184
- Joined: Mon Jun 24, 2002 9:11 am
- Location: Bruehl, Germany
- Contact:
Re: Topic navigation squished up
Hi Lamda,
This will be caused by changes to the CSS for the #idnav table cell and its contents in the HTML page template in Confuguration > HTML Page Templates > Default in the skin. My guess is that you have adjusted the background position settings for the navigation buttons. Here are the original settings if you need them:
Or you may have done something with the padding, positioning or margins of the cell itself, which is controlled by this piece of original CSS:
This will be caused by changes to the CSS for the #idnav table cell and its contents in the HTML page template in Confuguration > HTML Page Templates > Default in the skin. My guess is that you have adjusted the background position settings for the navigation buttons. Here are the original settings if you need them:
Code: Select all
#idnav span.hmbtnprev { background-position: 0 -32px }
#idnav span.hmbtnnext { background-position: -24px -32px }
#idnav span.hmbtntop { background-position: -48px -32px }
#idnav span.hmbtntoggle { width: 20px; background-position: -70px -32px }
#idnav span.hmbtnprint { background-position: -88px -32px }
Code: Select all
#idnav {
text-align: right;
width: <IF_PRINT_BUTTON>158px</IF_PRINT_BUTTON><IFNOT_PRINT_BUTTON>126px</IFNOT_PRINT_BUTTON>;
vertical-align: middle;
}
Regards,
Tim (EC Software Documentation & User Support)
Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Tim (EC Software Documentation & User Support)
Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
-
- Posts: 5
- Joined: Tue Oct 24, 2017 3:00 pm
Re: Topic navigation squished up
Thank you very much, Tim.
You put me on the right track. I found the solution in the default template here (I had the width set to 15. Changing it to 20 did the trick):
#idnav span {
display: inline-block;
width: 20px;
height: 24px;
margin-left: 4px;
background:url('<%SKIN-ICONS-DISABLED%>') top left no-repeat;
You put me on the right track. I found the solution in the default template here (I had the width set to 15. Changing it to 20 did the trick):
#idnav span {
display: inline-block;
width: 20px;
height: 24px;
margin-left: 4px;
background:url('<%SKIN-ICONS-DISABLED%>') top left no-repeat;