Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 17, 2014 at 3:58 pm #224986
    romano2

    Hello
    I’m trying to customize a bit the design of a div, with :before and :after CSS ; I want to have paper texture beside content.
    Usually I use :before and :after without problem on a div, but here there are problems I can’t resolve.

    First I tried with the class “entry-content-wrapper” but :after element is cut before final width…
    http://4f065eb94f.url-de-test.ws/les-activites-2/

    Second I tried with the class “flex_column” but :before and :after elements appear over the div, not before and after, so shadow effect don’t work.
    http://4f065eb94f.url-de-test.ws/les-activites/

    Any idea ?
    Thanx

    • This topic was modified 10 years, 9 months ago by romano2.
    February 17, 2014 at 10:39 pm #225135
    Yigit

    Hi romano2!

    Please change repeat-y to repeat in :after code as following

    .page-id-2677 #main .main_color .post-entry:after {
display: block;
content: "";
background: url(https://4f065eb94f.url-de-test.ws/wp-content/uploads/2014/02/fond-papier-bas.png) repeat;
width: 100%;
height: 30px;
}

    Best regards,
    Yigit

    February 17, 2014 at 10:46 pm #225142
    romano2

    What a noob I am !!! Shame on me ;)
    Thanx a lot !!!
    RESOLVED

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘:before and :after’ is closed to new replies.