style,css

Looks like you are altering the CSS at the same time I am trying to do it, so I can’t be sure this is correct. For the menu border, try adding this to the end of style.css:

#nav-bottom-wrap {
   box-shadow: none;
   border: none;
}

Not sure what you mean by ‘title box’.

For the date, try this:

.calendar {
   display: none;
}

Hi there,

Thank you so much. It almost worked. Please see the link. I added both codes you recommended. Could you also please show me how to change the fonts of “all about google” and “recent post” into black color and remove the outside black boxes? I am also wondering what #nav-bottom-wrap means (navigation…?)

Best regards,
harry

I just loaded your theme into my test site. It has a lot of options for setting things like font and background colors. You need to thoroughly explore those options before changing any CSS.

For example, for the sidebar widget titles, go to Admin->Appearance->Admired Options->SIDEBAR.

There are some things that cannot be set in the options, but get everything you can working, and then come here for only the things that the options do not handle.

#nav-bottom-wrap is the id given to the navigation bar wrapper.

And, what do you mean by ‘It almost worked.’? What did not work?

You are my super hero. Thank you. I changed some settings according to your advice. You can see there are still side-wall lines after I removed the nav bar wrapper (that’s what I meant “almost worked” :-). I list some further questions below.

1.How can I remove them as well as all windows border dot lines for 3 columns?
2.How can I move the whole content a little bit down to separate it from the nav bar?
3. How to change the fonts of “all about google” “16 Google Search Tips” and “recent post”?

Thanks a lot!

There is still an ‘apparent’ border on the nav because it is a different color than the header. The header is a shade of gray, but the nav bar is white.

.blog .sticky, .post, #page .page, .page-title {
    background: none;
}

.blog .sticky, .post, #page .page {
    background: none;
    border: none;
    box-shadow: none;
}
.widget {
   background: none;
   border: none;
   box-shadow: none;
}
.widget-title {
   border: none;
}
.widget ul li {
   border: none;
}
#nav-bottom-wrap {
   margin-top: 0;
}
#nav-bottom-menu #searchform {
   top: 0;
}

You did not say how you wanted the fonts to be changed. The ‘All About Google’ and ‘Recent Posts’ are defined with this:

.widget-title {
   font: bold 18px/22px arial;
}

’16 Google Search Tips’ is in the menu and cannot be changed by itself – all the other menu items will change as well.

Hi thank you so much for your help! It looks much better than the previous version. But I still couldn’t remove those menu border lines :-). Also how can I change the font color of the footer? Thanks a lot!

Try using Firefox with the Firebug add-on for this kind of CSS work.
https://getfirebug.com/

Also, how to move the site title (how to search google like an expert) and description a little bit to the left side? And what difference between .page and #page :-)? Thanks a lot!

Hi, it looks cool. I’ll have a try. So this firebug tool will allow me to edit all websites I view including not mine :-)? and how to save the change? Thanks.

Hi, thanks for telling me the firebug. I installed the add-on 1.9.0 but I couldn’t get “trace” or “check” functions. Could you give me some help? Thanks.

You need to add the rules that I posted to the END of style.css. Otherwise, they will be overridden by later rules.

Hi I inserted your changes into the style.css They looked fine. Could you please give me a hint to remove the menu border in nav-menu2 somewhere. Thanks!

I don’t see them at the END of style.css. I really can’t search through the entire style sheet looking for particular changes. Please put the changes at the end of the style.css file.

Also, I don’t see the effect of some of the changes I posted. The menu bar is still embedded in the header. The header is a different color than the menu bar, so it looks like the menubar has a border when it actually does not.

One of the changes I gave earlier moved the menu bar down slightly so it is out of the header, thus removing the ‘border’.

Hehe, I got it. In nev-menu2, it is a{} NOT li. Yes your code did separate the menu bar from the header but seemed a little more :-). I did add this code into the file early but seemed not working. Thank you very much for help me solve this problem. I have a new problem I’ll open another case. Thanks in advance for your continued support. Best regards.