- This topic has 15 replies, 2 voices, and was last updated 5 years, 7 months ago by Skandha.
-
AuthorPosts
-
January 17, 2019 at 6:58 pm #163825James AveryParticipant
Is 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 #163847SkandhaParticipant@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 AveryParticipantThat 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 #163881SkandhaParticipant@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 AveryParticipantthank you.
January 18, 2019 at 6:16 am #163883SkandhaParticipant@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 AveryParticipantSkandha,
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 #167345SkandhaParticipant@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 AveryParticipantYou 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 #167349SkandhaParticipant@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 AveryParticipantCan 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 #167401SkandhaParticipant@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 AveryParticipanthttp://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 #167468SkandhaParticipant@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 AveryParticipantyep, that did the trick. Thanks Again, Jim
March 8, 2019 at 3:55 am #167487SkandhaParticipant@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.