Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 14, 2016 at 2:48 pm #565411
    Jasmer

    Can you tell me what effect this is? It appears to be a transparent border. It is not white. Can you tell me how to achieve this effect?

    Thank you,

    Jas

    First page of the “Enfold One Page Portfolio Demo”
    http://kriesi.at/themedemo/?theme=enfold-overview

    screenshot
    https://dl.dropboxusercontent.com/u/1049926/Screen%20Shot%202016-01-14%20at%206.56.25%20AM.png

    • This topic was modified 8 years, 11 months ago by Jasmer.
    January 14, 2016 at 3:33 pm #565433
    Yigit

    Hi Jasmer!

    You can give your color section element a overlay and a unique ID and then add following code to Quick CSS 

    #your-unique-id .av-section-color-overlay { margin-top: 1px; }

    Regards,
    Yigit

    January 14, 2016 at 3:56 pm #565460
    Jasmer

    So this did not come with the theme? I don’t understand. What color would I use for the overlay?

    You’ll have to explain slowly :) I am asking how that transparent border was added. How would I achieve, what appears to be a transparent border, by adding a color overlay?

    If it is included in the enfold demo it must be possible without quick CSS right?
    Thanks

    January 14, 2016 at 4:01 pm #565470
    Yigit

    Hi!

    Please instructions below
    – Edit your page.
    – Add a Color Section element to your page
    – Give your Color Section element a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
    – Set a custom background image to your Color Section in “Section background” tab
    – Set “Section Background Overlay” from “Section Background Overlay” tab
    – Add custom CSS code i posted above to Quick CSS field.
    – Flush cache, refresh your page a few times and admire your transparent border :)

    Edit: I can only see the border on Safari on OSX 10.11 and not on Chrome or Firefox. It should be browser glitch but you can apply anywhere using instructions above

    Cheers!
    Yigit

    • This reply was modified 8 years, 11 months ago by Yigit.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.