Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 8, 2014 at 1:07 am #348021
    fashiontribe

    No matter what codes I put in the css, it doesn’t seem to be working. I am tring to keep the body transparent, but want the header to be solid white to match the logo. and I would like to have the boxed version with rounded corners, sorry if this has been asked and answered…

    November 8, 2014 at 7:58 pm #348225
    Elliott

    Hi carlamurray!

    Try adding this to your custom CSS,

    .header_bg { opacity: 1 !important; }
#socket, #header_meta, .header_bg {
    border-radius: 5px;
}

    If that’s not what you were wanting then go ahead and take a screenshot and highlight what your trying to do so we can get a better idea.

    Regards,
    Elliott

    July 21, 2015 at 3:13 am #476269
    ashlandwebsites

    Hi

    I am adding this here because I still can’t solve it after reading several related posts. Here is what I added so far

    .boxed #wrap_all {
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #000;
  border-radius: 15px;
}

#header_meta .container {
  border: 1px solid #000;
  border-radius: 15px 15px 0 0;
  border-bottom: none;
}

#socket {
  border-radius: 0 0 15px 15px;
}

    The top has overlapping borders and the bottom has no border on the corner. Also the background color is still sticking out.

    Thanks very much
    David

    July 21, 2015 at 2:57 pm #476520
    Andy

    Hi!

    your site looks ok to me and I can’t see any issue. Can you highlight the changes you want using screenshots please? because then we can provide you some precise CSS code.

    Regards,
    Andy

    July 21, 2015 at 9:29 pm #476731
    ashlandwebsites

    Thanks for looking at this. Here are the screenshots with explanations.
    David

    Corners at top of Page

    Corners at bottom of page

    July 22, 2015 at 7:05 am #476886
    Rikard

    Hi!

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Cheers!
    Rikard

    July 22, 2015 at 7:44 pm #477290
    ashlandwebsites

    Here it is. Thanks!

    July 22, 2015 at 9:59 pm #477382
    ashlandwebsites

    The CSS is now in the Child theme style.css

    July 23, 2015 at 8:04 pm #477927
    ashlandwebsites

    Thanks for your assistance, I started looking at this again and was able to solve it. There are just a lot of layers.

    I’m sure it is different with different header settings but here is the code that worked for me in case it helps anyone else.

    /*ATTEMPTING ROUND CORNERS*/
#main, .avia-msie-8 .av_header_sticky_disabled#header {
  background-color: transparent;
}
.boxed #wrap_all {
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #000;
  border-radius: 15px;
}
#header_meta .container {
  border-radius: 15px 15px 0 0;
}
.av_minimal_header #header_main, .av_minimal_header #header_meta {
  border: none;
  border-radius: 15px 15px 0 0;
}
.header_color .header_bg {
  border-radius: 15px 15px 0 0;
}
#socket, #socket .container {
  border-radius: 0 0 15px 15px;
}
    July 24, 2015 at 3:01 pm #478186
    Rikard

    Hi!

    Sorry for the late reply, if you reply to your own thread it will send it to the back of our support queue. I had a look at your site and it looks good! Please let us know if you should need any more help on the topic and thanks for sharing the solution :-)

    Cheers!
    Rikard

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