Help hiding code on website

  • Resolved Jackie Chan

    (@jackie-chan)


    4 years, 11 months ago

    Hi,

    On my site below “Limited Edition Beers” there’s two images “Gospel” and “Prancer ” which are set up using a portfolio module, to get the text “Currently Available in” i’ve had to add some code to the portfolio titles for example: the title for “Gospel” is Gospel<br><span class"available">Currently ...</span>

    Which works as i want it to, however it’s added code above the images which throws them out of line when more items are displayed.

    I’ve tried hiding the code above the images with CSS but this also hides the “Currently Available..” text below the images, even when targeting sub classes.

    Can anybody point me in the right direction how to fix this please? thanks ??

    • This topic was modified 4 years, 11 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not a Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    You’d need to alter the code doing the output so that the undesirable text is in its own container to be able to effectively hide it completely. Maybe try setting its font size to zero, then override that with 1em size for the desired elements.

    • This reply was modified 4 years, 11 months ago by bcworkz.
    Thread Starter Jackie Chan

    (@jackie-chan)

    Thanks, i like your thinking! appears to have worked perfectly; didn’t even need to override ??

    Moderator bcworkz

    (@bcworkz)

    Cool! The creative collective mind ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help hiding code on website’ is closed to new replies.