- This topic has 15 replies, 2 voices, and was last updated 5 years, 4 months ago by
Skandha.
-
AuthorPosts
-
January 17, 2019 at 6:58 pm #163825
James Avery
ParticipantIs there any way to and a slightly transparent background to the scrollable area and primary sidebar on my Blog page (Please see attached picture: https://www.icloud.com/#iclouddrive/0-QmRW3_x-bMTg_CNTubczTyQ ) ?
if possible, could it be two different colors or just one?
//xgm.7c7.myftpupload.com
January 17, 2019 at 11:42 pm #163847Skandha
Participant@james-avery: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
/* To change background color of Content area of Blog page */ .blog #main { background-color:rgba(0,0,0,0.7); } /* To change background color of Sidebar area of Blog page .blog .sidebar { background-color:rgba(0,0,0,0.7); }
You can change the color according to your requirement!
Kind Regards,
SkandhaJanuary 18, 2019 at 5:45 am #163880James Avery
ParticipantThat worked great. Can I do the same thing for the “user comments” area for each individual blog entry? This would be for after the user posts a comment and the comments show under the initial post?
Thx
JimJanuary 18, 2019 at 6:11 am #163881Skandha
Participant@james-avery: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
#comments { background-color:rgba(0,0,0,0.7); }
You can change the color according to your requirement.
Let me know if this is what you want!
Kind Regards,
SkandhaJanuary 18, 2019 at 6:14 am #163882James Avery
Participantthank you.
January 18, 2019 at 6:16 am #163883Skandha
Participant@james-avery: Hello James, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/parallax-frame/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂Kind Regards,
SkandhaMarch 5, 2019 at 4:59 pm #167275James Avery
ParticipantSkandha,
The above CSS code you gave me was working fine. I just transitioned from my staging domain to a the actual domain (Same company GoDaddy) and no these CSS do not seem to be working? Any thoughts? the new domain associated with the site is http://www.keithsteinbaum.com
All I did was told the domain to be associated with that WP hosting site.
Any Help would be greatly appreciated.
Jim
March 6, 2019 at 4:01 am #167345Skandha
Participant@james-avery: This is because you don’t seem to have selected your Posts Page under Homepage Settings => Your homepage displays as A static page.
Please select your posts page and the above CSS should implement in that particular page.
Let me know if this helps you out!
Kind Regards,
SkandhaMarch 6, 2019 at 4:06 am #167346James Avery
ParticipantYou Da’Man! Thank you. Can you look at the “Archive” page and tell me how to replicate this on that page for both main content section and the side bar?
Jim
March 6, 2019 at 4:12 am #167349Skandha
Participant@james-avery: Glad I could help you out. Let me know if you have anymore issues. Have a good day! 🙂
Kind Regards,
SkandhaMarch 6, 2019 at 4:41 am #167350James Avery
ParticipantCan you look at the “Archive” page and tell me how to replicate this on that page for both main content section and the side bar?
Thx, Jim
March 7, 2019 at 1:53 am #167401Skandha
Participant@james-avery: Hello Jim,
Can you let me know which page are you referring to by “Archive” Page?Kind Regards,
SkandhaMarch 7, 2019 at 6:21 pm #167435James Avery
Participanthttp://keithsteinbaum.com/2019/03/
If you go to the “blog” page and click in the one and only “BLOG Archive link”, the page the shows up is the archive page I am discussing.
Thanks
JimMarch 8, 2019 at 1:06 am #167468Skandha
Participant@james-avery: For the archive page
Go to => Appearance => Customize => Additional CSS and add the following CSS Code..archive #main { background-color:rgba(0,0,0,0.7); }
Let me know if this works out!
Kind Regards,
SkandhaMarch 8, 2019 at 3:30 am #167480James Avery
Participantyep, that did the trick. Thanks Again, Jim
March 8, 2019 at 3:55 am #167487Skandha
Participant@james-avery: Glad I could help you out. Let me know if you have anymore issues. Have a good day! 🙂
Kind Regards,
Skandha -
AuthorPosts
- The topic ‘Transparent backgrounds for blog page’ is closed to new replies.