Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Support request] Down arrow on section bottom Deom

Home Forums Support Down arrow on section bottom Deom

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #400000
    Todd

    How did you achieve the down arrow that is attached to the gray section header On your demo page. I thought it might be a :after CSS but I couldn’t quite find it

    It is the section that says “Responsive, Free WordPress Theme GeneratePress is fast, powerful and easy to use!

    Thank you

    GP Premium 1.4.3
    #400064
    Leo
    Staff
    Customer Support

    Hi there,

    It’s actually a background image added to the section below. Here is the CSS:

    .home-info-section {
        background-image: url(https://generatepress.com/wp-content/uploads/2015/05/arrow.png)!important;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto;
    }
    #400121
    Todd

    Thank you, very helpful. Have you seen this done with a font awesome Icon so I could easily change the font ize and the color? http://fontawesome.io/icon/caret-down/

    #400228
    Leo
    Staff
    Customer Support

    No I haven’t but I’d assume it’s possible with some tweaks.

    Show me what you have if you get stuck and I’ll see if I can help with some CSS 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.