Centered title with lines

  • Resolved kustv

    (@kustv)


    9 years, 5 months ago

    I was wondering what the appropiate way is to make a text heading that is centered between lines that are actually images, as seen here:https://www.chesterzoo.org/ (when you scroll down and it says “Plan your visit”). I tried using page nuilder with 3 cells but inserting the images in the left and right cell adds a lot of padding and also this doesn’t look good on cell phones.

Viewing 8 replies - 1 through 8 (of 8 total)

  • There are different ways to do this. Can be tricky. Here is a good example: https://codepen.io/ericrasch/pen/Irlpm

    adding the <span> tag really makes the whole thing work.

    Kadence Themes

    Thread Starter kustv

    (@kustv)

    Thanks for the great link! It seems though that using any of these codes won’t work on mobiles, am I correct? At certain screen sizes the lines just disapear and the text gets cut off.

    The link above it not to a mobile site. It’s not set in a responsive frame. You can use something like this on mobile.

    Kadence Themes

    Thread Starter kustv

    (@kustv)

    No, I tried the last code on my site and on a cell, the lines around were not visible and the centered text got cut off.

    Can you post a link to this on your site?

    Kadence Themes

    Thread Starter kustv

    (@kustv)

    My site is only on a local server unfortunately.
    I also tried the second version(using span)but still, when viewing from a mobile you don’t see any lines and the heading is not responsive any loger in that it won’t break into two lines like usual but just stays as one line.

    Using span I can get this to work, so when you post your site live post back and I can help you once I see what your doing.

    Kadence Themes

    Thread Starter kustv

    (@kustv)

    Awesome, thank you so much! I will get back to you!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Centered title with lines’ is closed to new replies.