Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 15, 2014 at 1:40 pm #279099
    mar10nlund

    Hey guys

    I’m trying to give my page 10px rounded corners and I’ve been trying to figure it out myself with Chrome inspector and so on….but I can’t get my arms around this! Can somebody perhaps point me in the right direction ?? I would so much appreciate it :-)))

    Martin from http://www.brandman.dk

    June 16, 2014 at 6:09 am #279250
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    div#wrap_all {
    border-radius: 10px;
    overflow: hidden !important;
    margin: 20px 0; /* you can remove this if you want */
}

    Cheers! 
    Josue

    June 16, 2014 at 2:17 pm #279439
    mar10nlund

    Hey Josue

    Thank for that. :-)

    1) Unfortunately I can only see the rounded corners when the page loads. And I have added !important after the border radius code .

    2) Cool trick with the margin, but the content is visible over the header when I scroll. Do u know what I can do here?

    3) Bonus question :-) I’m struggling tons with styling the accordion. Can you help me make my accordions look like the ones you have out of the box as here e.g. http://kriesi.at/themes/enfold/portfolio-item/slider-two-third/ ? :-)

    Cheers :-))

    Martin

    http://www.brandman.dk

    June 16, 2014 at 2:33 pm #279457
    mar10nlund

    Update regarding question 1:

    This is only a problem on my ipad, in IE and in Firefox. It works fine in Chrome

    Cheers :-))

    June 16, 2014 at 4:22 pm #279522
    mar10nlund

    Update: I’ve solved question 3 myself

    June 16, 2014 at 7:10 pm #279640
    Josue

    Hey!

    1. Change the code to:

    div#wrap_all {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
    overflow: hidden !important;
    margin: 20px 0; /* you can remove this if you want */
}

    2. That’s a limitation, you can either disable the fixed header feature or remove the top margin:

    div#wrap_all {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
    overflow: hidden !important;
    margin: 0 0 20px 0; /* you can remove this if you want */
}

    Regards,
    Josue

    June 16, 2014 at 7:30 pm #279646
    mar10nlund

    Thanks

    Regarding 2: Would it be possibe to tweak this by adding a pice of background to the header…and thereby faking it? :)

    Martin

    June 16, 2014 at 8:02 pm #279655
    Josue

    Try adding this too:

    #wrap_all:before {
    content: "";
    height: 20px;
    display: block;
    position: fixed;
    background: #363d40 url(https://brandman.dk/wp-content/uploads/2014/06/BM_back_light_brown_071.png) top center repeat scroll;
    width: 100%;
    z-index: 10000000;
    top: 0;
}
#header, .header_bg {
    border-radius: 10px 10px 0px 00px;
    overflow: hidden;
    opacity: 1 !important;
}
#header:before{
    content: "";
    width: 100%;
    height: 100%;
    background: #363d40 url(https://brandman.dk/wp-content/uploads/2014/06/BM_back_light_brown_071.png) top center repeat scroll;
    position: fixed;
}

    Best regards,
    Josue

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