Skip to main content
Known Participant
March 18, 2021
Answered

RH Topic Header size changes when search result is viewed

  • March 18, 2021
  • 16 replies
  • 1372 views

I've published a RH project in 2 formats - frameless and HTML5 - and in both instances when a user clicks on a search result, the topic heading font size changes. I've gone through all the layout settings and don't see a way to prevent this. Thoughts?

I'm using RH 2019.0.14 by the way.

This topic has been closed for replies.
Correct answer Amebr

I had an idea over the weekend. I think you have a font-size specificed on the span tag.

 

For a quick fix, if you look under "Character styles" I think you'll find one called 'span'. Double-click on it, select Format > Font and delete the value in the Size field.

 

Otherwise you could look in the stylesheet code using a text editor and find a style like this, and delete the font-size entry.

span {

    properties: here;

    properties: here;

}

 

I'd recommend deleting the span style itself. This is because the span tag is used for all inline styling, so setting styles in your stylesheet can mess that up. Instead set up separate styles for any formatting you want.

 

If you've used the span tag with the stylesheet styling, I think you'll have some manual tidying up to do though, so test in a copy of your project first.

 

For Classic, create the style by right-clicking on the Character styles entry and selecting New, then typing a name for the style (e.g. BrandedEmphasis). Behind the scenes this creates a css style that looks like this:

span.BrandedEmphasis {

    font-size: 12pt;

    color: #ff00ff;

    font-weight: bold;

}

 

 

16 replies

SFlakes01Author
Known Participant
March 18, 2021

So sorry - the frameless skin is Dark (I renamed it cos I lightened the color pallete) .

You may have a point on the css file as this is a project I coverted from RH 2015. If that is the problem, any suggestions on how I might resolve?

Peter Grainge
Community Expert
Community Expert
March 18, 2021

I can't recreate it in Charcoal Grey and there is no supplied frameless skin called Light Default.

 

Create a new project with just a couple of topics. Does it happen there with the default CSS? If not, then add your own CSS and see if it happens.

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
SFlakes01Author
Known Participant
March 18, 2021

HTML5 Output - Charcoal_Grey

Frameless Ouput - LightDefault

 

Peter Grainge
Community Expert
Community Expert
March 18, 2021

Which skins? 

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
SFlakes01Author
Known Participant
March 18, 2021

It seems like the Topic Header changes size to match the result? which is not what I want. My preference is for the Topic Header size to be retained. Here's a screenshot...

 

Peter Grainge
Community Expert
Community Expert
March 18, 2021

Is the issue that they see a list of results with the headers one size, then when they click on it and the topic is opened the heading in the topic is larger? If that is it, then I would expect that but if it is something else, please clarify.

 

Please use the photo icon to insert images within the post. Some supporters will not open attachments for security reasons and if you do download, you are then not seeing the image inline with the text. Then thanks to a quirk of this forum you have to close the thread and reopen it before you can reply. Crazy but that's the way it is.

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.