Home › Forums › Theone WordPress Theme › change bkgd color
- This topic has 9 replies, 2 voices, and was last updated 11 years, 8 months ago by
SeaTheme.
-
AuthorPosts
-
September 29, 2014 at 5:04 pm #4680
ainnefang
ParticipantHi,
1) i would like to make the menus bar on top translucent in theme 06
2)i would also like to change the background color Grey (shown below) to translucentcan you please help me indicate where i should go and change it?
Thank you so much!
September 30, 2014 at 2:30 am #4689Hi,
Welcome, please add the css code to custom css box in theme option(Theone tab in wp-admin)
.headerbg { background-color: rgba(82, 85, 80, 0.3); }You could get the rgba color value in the link http://www.css3maker.com/css-3-rgba.html
Best,Bwsm
September 30, 2014 at 5:34 pm #4708ainnefang
ParticipantHi,
thanks for the reply. i still have two questions.
1) where i can find this custom css box under theme option? please see below for my wp window
2) i also want to change the opening background grey under the white logo box to translucent. shown below.Thank you!
October 1, 2014 at 6:04 am #47121) plz check screnshot1 and screnshot2
2) plz add the css code to custom css box
.headerbg,#logo-loading,.site-loading-logo { background-color: rgba(82, 85, 80, 0.3); } .site-loading-logo { height: 120px;line-height: 120px;}October 1, 2014 at 6:55 am #4714ainnefang
Participantsorry. both didn’t work…..
please have a look vvipclub.ca
Thanks!
October 1, 2014 at 7:12 am #4715Please try to change the custom css code as:
body.page #header.menu-default-hide,.headerbg,#logo-loading,.site-loading-logo { background-color: rgba(82, 85, 80, 0.3)!important; } .site-loading-logo { height: 120px;line-height: 120px;}If it doesn’t work still, plz leave your wp-admin(url/user/pass) by private reply, I’ll login to check it.
October 1, 2014 at 7:40 am #4718ainnefang
ParticipantThis reply has been marked as private.October 1, 2014 at 7:54 am #4719Hi, it is ok now 🙂
October 1, 2014 at 8:45 am #4724ainnefang
Participantlol the first one :header works!! Thanks!
what about the second one? about the loading page bkgd behind the white logo cute shown below. how should i change that to translucent?
and i found that the grey loading color didn’t cover all of the screen, it left a small space at bottom.October 2, 2014 at 3:36 am #4727Because you choose white as header background(the loading bg color is header bg color). You can’t see white on white as translucent effect, so set the logo bg color another color, like.
#logo-loading,.site-loading-logo { background-color: rgba(0, 0, 0, 0.7)!important; }I am not clear 2nd question. What’s the means “didn’t cover all of the screen”? Could you plz give more details?
-
AuthorPosts
- You must be logged in to reply to this topic.
