Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 23, 2018 at 10:01 pm #1000982
    Oliver Berger

    Hej @all,

    searching the forums yielded no viable results so I opened up this topic.

    I’d like to use Enfold with a boxed layout and a border left and right of the content-column like https://szene-hamburg.de does.

    Any hints on how to achieve this? Thanks!

    August 23, 2018 at 10:32 pm #1000991
    Jordan Shannon

    Hey Oliver,

    Please provide a link your site so we can look into this issue further. Also, please be sure to send a secure link of that demo as the one provided above is showing as unsafe.

    Best regards,
    Jordan Shannon

    August 23, 2018 at 10:36 pm #1000992
    Oliver Berger

    Hi Jordan,

    thanks for answering. Maybe you misread my post? I am just looking to replicate the effect the mentioned site uses. Specifically I look to have the color grading left and right of the main content column (in the link I posted it is from light grey to white). I can provide a screenshot with annotations if that would be necessary?

    I have a vanilla Enfold install which would do you no good as I am pretty sure you have one yourself.

    Cheers, Oliver

    August 23, 2018 at 11:25 pm #1000998
    Jordan Shannon

    Hi,

    Yes if possible, please provide a screenshot as I don’t want to open link being flagged by my browser.

    Best regards,
    Jordan Shannon

    August 23, 2018 at 11:52 pm #1001005
    Oliver Berger

    Hej, it is a bit weird but the 3rd time I went to their site today I got a warning as well.
    Anyway this is one of the biggest cultural magazines in Germany so I wonder why this isn’t an issue for them. I will contact them about it tomorrow ;)

    Here is the screenshot: https://www.dropbox.com/s/kupp63vztyh73om/szene.png?dl=0

    I was looking to replicate the “shadow-effect” on both sides of the content column.

    HTH and regards, Oliver

    August 24, 2018 at 5:57 pm #1001333
    Vinay

    Hi,

    Would you mind providing a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    August 25, 2018 at 10:14 am #1001545
    Oliver Berger

    Hi Vinay,

    I actually don’t get it. I posted a link above http://szene-hamburg.de and your colleague claimed it was a bad link and he didn’t want to click it etc. Here it is again.

    What is so difficult to understand that

    a) it is not my site, I am merely interested in reproducing the effect shown there and
    b) I run a vanilla (meaning a clean install of WordPress and your theme ENFOLD) installation which I am sure you can easily reproduce without my help?

    If you can’t help just state it and I will look elsewhere. The documentation about styling for ENFOLD doesn’t really help much btw.

    Regards

    August 25, 2018 at 11:36 am #1001588
    Victoria

    Hi Oliver Berger,

    https://cl.ly/e2751bb9becf IS this what you mean by the gradient borders? This is just a simple box shadow.
    https://www.cssmatic.com/box-shadow

    I don’t see anything else that can qualify as a gradient on that link.

    Best regards,
    Victoria

    September 16, 2018 at 12:41 pm #1010386
    Oliver Berger

    Hej Victoria,

    sorry for my late answer. I have been away for holidays. Thanks for the link and the clarifying image. This is exactly what I was looking for. Will now try to implement it.

    Cheers, Oliver

    September 16, 2018 at 3:25 pm #1010423
    Rikard

    Hi Oliver,

    Great, thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    September 16, 2018 at 6:23 pm #1010480
    Guenni007

    To have on both sides a box-shadow you can add two rules to one:
    this works this way because there is no place on top – bottom – if so you had to have 4 defintions for each side with background-color shadow to those sides which you don’t want to have shadow ( on white background it is than a white shadow.

    body#top {
    box-shadow: 5px 0 10px #666, -5px 0 10px #666;
}

    first is x value, second y-value, third distance (it makes the blur) fourth is color

    ___________

    or in your case because body and wrap-all are congruently 

    body {
    box-shadow: 5px 0 10px  #666;
}
#wrap_all {
    box-shadow: -5px 0  10px  #666;
}
    September 17, 2018 at 5:18 am #1010550
    Rikard

    Hi,

    Thanks for sharing @guenni007 :-)

    Best regards,
    Rikard

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