Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 21, 2014 at 2:08 pm #338999
    Guenni007

    if you like sometimes some shadow-gimmicks like this one:

    you can give alot of those elements a class (in my case i named it tornpaper – not correkt but unique)

    .tornpaper {
    background-color: #fff;
    border-color: #3c64ba #ddd #ddd !important;
    border-image: none;
    border-style:  groove solid solid !important;
    border-width: 5px 1px 1px;
    padding: 20px;
    text-align: center;
    overflow: visible !important
}

.tornpaper:before, .tornpaper:after {
    bottom: 10px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.7);
    content: " ";
    height: 20%;
    left: 15px;
    max-height: 100px;
    opacity: 0.7;
    position: absolute;
    -ms-transform: rotate(-3deg); 
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 45%;
    max-width: 380px;
    z-index: -1;
}

.tornpaper:after {
    left: auto;
    right: 15px;
    -ms-transform: rotate(3deg); 
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}

    btw : in Layout Elements since 3.02 i got 2 grid rows ?

    October 21, 2014 at 3:45 pm #339035
    Yigit

    Hey Guenter!

    Have you made any changes on grid row element? There should be one – http://i.imgur.com/WacJk4U.png

    And thank you for sharing your code Guenter. I have added some tags, hope it makes it easier for other users to find your post :)

    Best regards,
    Yigit

    October 21, 2014 at 6:58 pm #339195
    simonac

    Wow, this looks good. Thans Guenter

    Is it possible to make this with a slider?

    Regards Simon

    October 22, 2014 at 9:15 am #339405
    Guenni007

    so here is my answer on Yigit.
    before 3.02 the grid shortcode is called layout_row.php in the avia shortcodes folder.
    Now its called grid_row.php
    because i’m updating always via ftp i did not delete the old folder – i overwrite it – thats my fault.
    And this is the reason why i got two grid rows in my template builder.

    October 22, 2014 at 9:22 am #339407
    Guenni007

    @simonac to get the option to give a css class to almost every container this is the code (best in a child-theme functions.php) :

    add_theme_support('avia_template_builder_custom_css');

    than you can give a class to simple slider as well.
    http://www.guenterweber.com/entwurf/wp06/trial-and-error/

    October 22, 2014 at 4:45 pm #339553
    Yigit

    Hi!

    Glad you figured it out Guenter! :)


    @simonac     For more information on the code Guenter posted in his last post, please see – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Regards,
    Yigit

    October 29, 2015 at 7:03 am #526543
    ewingmh

    you’re missing a ; after one of your importants ;)

    October 29, 2015 at 1:53 pm #526738
    Rikard

    Hi,

    Thanks for pointing that out :-)

    Best regards,
    Rikard

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