[Solved]Need help with fixing up a few issues for my blog


#1

The first issue I need help with is my navigation bar. There is suppose to be a white line in front of Kpop Edits. I don’t know why there is no white line in front of ** Kpop Edits** Here is the code for the navigation bar: #rbnavbar { background: #47bff0; width: 100%; color: #FFF; margin: 0px; padding: 8px; position: relative; border-top: 0px solid #7f7777; height: 38px; display: block; text-align: center; }

#rbnav {
    margin: 0px;
    padding: 1px;
}
#rbnav ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#rbnav li {
list-style: none;
margin: 1px;
padding: 5px;
border-left: 1px solid #FFF;
height: 35px;
display: inline-block;
float: none !important;
}
#rbnav li a, #rbnav li a:link, #rbnav li a:visited {
    color: #FFF;
    display: block;
    font-family:Nunito, "Helvetica", sans-serif;
    margin: 2px;
    padding: 9px 6px 10px 12px;
        text-decoration: none;
       
}
#rbnav li a:hover, #rbnav li a:active {
    background: #ef9c00;
    color: #FFF;
    display: block;
    text-decoration: none;
        margin: 0;
    padding: 9px 12px 10px 12px;
              
}
#rbnav li {
    float: left;
    padding: 0;
}
#rbnav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0px;
    padding: 0px;
}
#rbnav li ul a {
    width: 140px;
}
#rbnav li ul ul {
    margin: -25px 0 0 161px;
}
#rbnav li:hover ul ul, #rbnav li:hover ul ul ul, #rbnav li.sfhover ul ul, #rbnav li.sfhover ul ul ul {
    left: -999em;
}
#rbnav li:hover ul, #rbnav li li:hover ul, #rbnav li li li:hover ul, #rbnav li.sfhover ul, #rbnav li li.sfhover ul, #rbnav li li li.sfhover ul {
    left: auto;
}
#rbnav li:hover, #rbnav li.sfhover {
    position: static;
}
#rbnav li li a, #rbnav li li a:link, #rbnav li li a:visited {
    background: #ef9c00;
    width: 120px;F
    color: #FFF;
    display: block;
    font-family:Nunito, "Helvetica", sans-serif; 
    margin: 0;
    padding: 9px 12px 12px 12px;
        text-decoration: none;
z-index:9999;
border-bottom:1px dotted #fff;
   
}
#rbnav li li a:hover, #rbnavli li a:active {
    background: #47bff0;
    color: #FFF;
    display: block;     margin: 0;
    padding: 9px 6px 10px 12px;
        text-decoration: none;
}
rbnav li:last-child {
border-right: 1px solid #FFF;
}

and a photo is attached. So you know what I’m talking about.

The second issue I need help with is my post name and description. How can I change the font, color and size of the post name and description? I ask this question in this help forum but didn’t get helpful information.


#2

your website please :pray: :grinning: <mada


#3
rbnav li:last-child {
border-right: 1px solid #FFF;
}

Replace with

#rbnav li:last-child {
border-right: 1px solid #FFF;
}

#4

Here is my website Blog


#5

Thank you! There a white line in front of Kpop Edits.


#6

@flyraed @Nafees From your guys perspective. Do you think the header and navigation bar is off? Are they not center right? I just feel like they are not center right and I have been trying to fix them.


#7

@Nafees @flyraed So do you guys think the header and navigation is center or not?


#8

I think it is in center as per your theme


#9

Okay thanks for replying back. Just wanting to make sure.