New Landing › How can we help? › Themeforest Theme Support › Dante › Gallery Heading cropping

Viewing 8 posts - 1 through 8 (of 8 total)
  • Back to forum
    Posted in: Dante
  • March 6, 2014 at 12:18 am #54708
    ronin
    Member
    Post count: 282

    Hi guys,

    We just need some help with the gallery function – the headings are being cropped off rather than overrunning onto the next line, because the widget title text is too big for the space. See here:

    http://173.248.188.110/~allfloor/?page_id=130

    How would we make just that text smaller (so it doesn’t make ALL h3(?) smaller, and have the longer names run down to the next line/s rather than the theme just hiding all the words after the first 2?

    cheers, Kurt

    March 6, 2014 at 10:28 am #54871
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    To make the font size smaller add this css to your custom css:

    .gallery-wrap h3.spb-heading {
  font-size: 20px;
}

    You could change the css so that the text goes onto a new line but then the images will not be inline, as some will be lower down than the others.

    – Kyle

    March 6, 2014 at 8:47 pm #55193
    ronin
    Member
    Post count: 282

    Thanks Kyle. I will need to do the new line thing as the names are very long. I realise that some will be longer than others so was thinking to use <br> to pad out the shorter ones or will arrange them in an order for best aesthetics.

    What css needs to be added to what you’ve given me above to achieve the wrapping?

    cheers, Kurt

    March 7, 2014 at 9:15 am #55295
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try this css:

    .gallery-wrap h3.spb-heading {
  font-size: 20px;
}
h4.spb-heading, h3.spb-heading, h4.lined-heading {
  line-height: 24px;
  white-space: pre-wrap;
}

    – Kyle

    March 8, 2014 at 12:34 am #55599
    ronin
    Member
    Post count: 282

    Thanks Kyle, it’s getting there, but note the overlap, and how it differs in Chrome vs. FF vs. IE.

    http://173.248.188.110/~allfloor/?page_id=130

    cheers, Kurt

    March 10, 2014 at 10:24 am #55936
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Sorry try this:

    .gallery-wrap h3.spb-heading {
  font-size: 20px;
}
h4.spb-heading, h3.spb-heading, h4.lined-heading {
  line-height: 24px!important;
  white-space: pre-wrap;
}

    – Kyle

    March 11, 2014 at 3:05 am #56243
    ronin
    Member
    Post count: 282

    Thanks – it still doesn’t quite work, but we’ve literally just finalised all the products now and it doesn’t need to wrap, so your first code is enough.

    cheers, Kurt

    March 11, 2014 at 8:36 am #56277
    Melanie – SUPPORT
    Member
    Post count: 11032

    Okay, glad to hear that!

  • Back to forum
    Posted in: Dante
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.