MyBB Community Forums

hi guys

My header



i want to do



so i want to add an oval box to it



How can I do that?

It would be much easier if I could see your site but without being able to see your site,
You can add top: -14px; position: relative;
to your #content {

in global css.

(2017-11-18, 03:29 PM)Michael2014 Wrote: [ -> ]It would be much easier if I could see your site but without being able to see your site,
You can add    top: -14px; position: relative;
to your #content {

in global css.

www.funupon.com site link

---

is not the place to organize is not header but an underneath area

I just looked at your site, you can overlap the header with your content container by adding
top: -14px; position: relative;

to
#container {

in global css. I just tested it and it works fine

---

I'm going to figure out the next part right now

---

and to finish,

Adjust your css like so,
.nav2 li {
display: block;
list-style: none;
float: left;
padding: 11px 3px;
}

.sbuttons, .sbuttonsclicked {
background: none repeat scroll 0 0 #DFEAEC;
border: 1px solid #BFCBDA;
width: 16px;
text-align: center;
outline: none;
float: right;
line-height: 31px;
margin-left: 4px;
margin-top: 19px;
padding: 0px 5px;
height: 26px;
cursor: pointer;
display: inline-block;
border-radius: 3px;
font-family: FontAwesome;
}
.navwrap {
height: 65px;
line-height: 65px;
padding: 0px 5px;
width: 100%;
margin-left: -5px;
font-size: 11px;
background: #E5ECF5;
border-bottom: 1px solid #D6E0EE;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.6)), color-stop(100%,rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0) 100%);
background-position: 0 0;
}

then add

border-top-left-radius: 2em;
border-top-right-radius: 2em;

to your #Container

---

and change your .header css height to

.header {
height: 80px;

---

A QUESTION TO AN EXPERT....

I am going to help this user by going into his/her admin panel and make the css changes they want, very easy.....

So I am in the admin panel, looking at Edit Stylesheet: Advanced Mode,
but I cannot make any changes, like it is in READ ONLY mode


what is the problem?