Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1275774

    Hey,

    my customer would like a solid line in front and at the end of each headline and in a different color than the headline
    Like that:
    –––––––––––––––––– I’m a headline ––––––––––––––––
    Like the separators with an icon, but instead of the icon the headline.

    Would that somehow be possible?

    Best Regards
    Thina

    #1276016

    Hi Thina,

    Please try following this tutorial: https://www.impressivewebs.com/centered-heading-horizontal-line/

    Best regards,
    Rikard

    #1276350

    Hi Rikard,

    would you please help me with … I can’t find the right one, so that it is responsive and I can choose different font and line colors

    I thought that might be the right one and pasted it in Quick CSS but it doesn’t work.
    h1 {
    border-bottom: 1px solid #EEE;
    color: #555;
    font-size: 18px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    }
    h1 span {
    background: #FFF;
    padding: 0 15px;
    position: relative;
    top: 10px;
    }

    Thank you
    Thina

    #1276424

    Hi Thina,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #1276728

    Hi Victoria,

    sure, pls see the Private Content.

    I just started testing, so there is not much content.

    h1 should have a horizontal line in front and at the end of the text
    the text should be in gray and upper an lowercase letters
    and the line in beige

    I didn’t adjust the code I just tried if it works and deleted the Quick CSS because it didn’t work.

    Best regards
    Thina

    #1277020

    Hi,

    I added the CSS for you, and it’s applying on your site. Please review it.

    Best regards,
    Rikard

    #1277674

    Thank you Rikard!
    it works perfect

    Best regards
    Thina

    #1277917

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1290107

    Hi Rikard,

    after I adjusted the Cookie Handling
    the CSS – h1 with the horizontal line in front and at the end of the text –
    you wrote for me did not work any more.
    Even the font I selected was not the one anymore.

    So I reset all options at the Cookie Tab and thought that would just be for the Cookies. Now I know that it is for all Enfold options :(
    and the CSS is gone too.

    Would you please help me again with the CSS and what can I do to set the Cookie Options without destroying the CSS again?
    New credentials in the private content
    Best Regards
    Bettina

    #1290843

    Hi,

    Thanks for the update. I can’t login to your site though, it redirects to a local installation:

    This site can’t be reached127.0.0.1 refused to connect.
    Try:

    Checking the connection
    Checking the proxy and the firewall
    ERR_CONNECTION_REFUSED

    Best regards,
    Rikard

    #1290849

    Hi Rikard,

    sorry – I lost the n from …/wp-admin when I pasted the URL

    Best regards
    Bettina

    #1291635

    Hi,

    Thank you for the update.

    The css code no longer exists in the Quick CSS field, so we added it again. We also disabled the Performance > File Compression settings temporarily. Please do not forget to delete or purge the cache before checking the page.

    Best regards,
    Ismael

    #1292009

    Thanks Ismael!

    Stupid me – I should have imported the backup.

    Best regards
    Bettina

    #1292142

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    #1292199

    Thank you Jordan, you can close the topic.

    Best regards
    Bettina

    #1292530

    Hi Bettina,

    We’re happy to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Headline with lines’ is closed to new replies.