Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 25, 2019 at 4:55 pm #1141864
    volmering

    hey there,

    i want to know how i can set the breadcrumps-alignment with css to middle. the problem is the “<sup>®</sup>” in the page-title.

    i cant set the class “span.trail-end” with margin because there are titles without the ®-symbol.

    sample-page & sample screenshot below :-)

    thx in advanced

    September 25, 2019 at 8:09 pm #1141978
    Victoria

    Hey Ramon,

    Well, you will need to write JavaScript that checks if the trail end has the sup and if it does, you can add the css to it:

    
.breadcrumb-trail .trail-end {
  margin-top: -3px;
}

    Best regards,
    Victoria

    September 25, 2019 at 8:18 pm #1141986
    volmering

    hey victoria,

    thanks for it. is it possible to get the code-snippet for my functions.php in here?

    September 25, 2019 at 8:32 pm #1142001
    Victoria

    Hi volmering,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Victoria

    September 25, 2019 at 8:53 pm #1142006
    volmering

    hey victoria,

    i can understand your point :-) and to hire a freelancer is not a big deal, but….

    in my optinion is the ®-symbol a common used sign. especially in a title. so this should be covered by enfold support. because the title / breadcrumb is = enfold….

    September 26, 2019 at 3:55 pm #1142322
    Victoria

    Hi volmering,

    I understand your point too. Please try this code:

    
.trail-end sup {
      vertical-align: top;
}

    Best regards,
    Victoria

    September 26, 2019 at 4:58 pm #1142395
    volmering

    hey victoria, thx. your codes brought me to think about it again.

    in the end it was a mix of yours and mine :-)

    solution is:

    .breadcrumb-trail .trail-end {
  margin-top: -3px;
}
.breadcrumb-trail {
height: 25px !important;
padding-top: 10px !important;
}

    and the idea to speak only to the sup-element with css is great too ^^ i can use it somewhere else.

    thx for help and can be closed :-)

    • This reply was modified 5 years, 2 months ago by volmering.
    September 26, 2019 at 5:00 pm #1142402
    Victoria

    Hi volmering,

    Glad you got it working for you! :)

    I am closing this thread.

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Vertical Text Align in Breadcrumps’ is closed to new replies.