Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 23, 2021 at 1:41 pm #1311876
    envapk2

    HI
    I’m using the Box Shadow in the column styling element and I can see it’s possible to change the color and depth of the shadow but I’d like to change the styling of the shadow in other ways through CSS – what do I need to put in the Quick CSS box to achieve this if possible?

    many thanks

    Peter

    July 25, 2021 at 10:40 am #1312191
    Rikard

    Hi Peter,

    Could you post a link to where we can see the columns in question please?

    Best regards,
    Rikard

    July 25, 2021 at 11:00 am #1312200
    envapk2

    Hi Rikard

    If you go to the link in private content you should see an example of a column with the Box Shadow ticked in Styling. That’s great, but if I wanted to change the default box-shadow that gets applied, e.g. to something like this:

    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

    how would I do that?

    many thanks

    Peter

    July 28, 2021 at 7:41 am #1312941
    Ismael

    Hi,

    Thank you for the info.

    You could apply a custom css class name to the column element and use it to target and adjust the style of the column. For example:

    #top .custom-class-name {
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

    Make sure to replace “custom-class-name” with the actual css class name of the column. Please check the following documentation for more info.

    // https://kriesi.at/documentation/enfold/add-custom-css/

    Best regards,
    Ismael

    July 28, 2021 at 7:37 pm #1313096
    envapk2

    Hi Ismael

    Yes, that worked really well. But is it also possible to change the default box-show on the theme in this way?

    many thanks

    Peter

    July 31, 2021 at 8:02 am #1313555
    Ismael

    Hi,

    Glad to know that it is working. Unfortunately, there is no dedicated option for it in the element editor, so you will have to continue using the custom css code.

    Best regards,
    Ismael

    July 31, 2021 at 10:37 pm #1313634
    envapk2

    Hi Ismael
    No worries, thanks for you help

    Peter

    August 2, 2021 at 2:50 am #1313756
    Ismael

    Hi,

    Alright. Please do not hesitate to open another thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Column box-shadow styling’ is closed to new replies.