Title alignment

  • Resolved Kay

    (@kayhagueuniforum)


    2 years, 9 months ago

    Hello,

    I hope you can spare some time to help me, please.

    I am trying to get the title element of a rank to align on the same line as normal text, but nothing works, the title is pushed on to a new line. I have tried changing the div, span, text, p, h2, display, block, alignment, layout, etc. I have added html and css to move it. I’ve removed white-space, margin, padding, etc. I have changed text size etc, so I know I can edit the element, and I am editing the correct element. I’ve used Inspector to change all parts within any/all part of the element. Nothing works!

    I want to achieve:
    Rank: [rank shortcode]

    But it’s being displayed as:
    Rank:
    [rank shortcode]

    I don’t need a web developer as suggested to other users who have suffered the same issue. This should be a simple fix as part of the plugin.

    Is there perhaps a way to use an anchor, another shortcode, or else to pull in the achievement title as plain text link?

    I don’t understand, because I can achieve this with the points, rendering it as inline text.

    Please offer some assistance in this matter. Everything else with this plugin is fantastic and I love what your team has created, but this is so frustrating as it’s pushing my design incorrectly and looks bad.

    Thank you for any help you can offer. ??

Viewing 1 replies (of 1 total)
  • Plugin Contributor Paco González Pérez

    (@pacogon)

    Hi @kayhagueuniforum !

    The difference between both shortcodes is that the points shortcode only needs to render an image, the amount of points and its name, its easy to turn it into “inline” element, but for the rank shortcode, there is a lot of elements that could get displayed like image, title, description, the requirements, the earners, etc

    For that, we will add your suggestion to our roadmap but it may need to be as a new shortcode that only renders the rank image and title inline

    Meanwhile, through CSS code you can edit the style to even force that a block element like our rank gets displayed as inline, is not so easy since needs some knowledges of CSS, but you can always contract an agency or developer to handle it for you.
    https://gamipress.com/customizations/

    Hope it helps!

Viewing 1 replies (of 1 total)
  • The topic ‘Title alignment’ is closed to new replies.