Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #163825
    James Avery
    Participant

    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

    #163847
    Skandha
    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,
    Skandha

    #163880
    James Avery
    Participant

    That 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
    Jim

    #163881
    Skandha
    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,
    Skandha

    #163882
    James Avery
    Participant

    thank you.

    #163883
    Skandha
    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,
    Skandha

    #167275
    James Avery
    Participant

    Skandha,

    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

    #167345
    Skandha
    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,
    Skandha

    #167346
    James Avery
    Participant

    You 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

    #167349
    Skandha
    Participant

    @james-avery: Glad I could help you out. Let me know if you have anymore issues. Have a good day! 🙂

    Kind Regards,
    Skandha

    #167350
    James Avery
    Participant

    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?

    Thx, Jim

    #167401
    Skandha
    Participant

    @james-avery: Hello Jim,
    Can you let me know which page are you referring to by “Archive” Page?

    Kind Regards,
    Skandha

    #167435
    James Avery
    Participant

    http://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
    Jim

    #167468
    Skandha
    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,
    Skandha

    #167480
    James Avery
    Participant

    yep, that did the trick. Thanks Again, Jim

    #167487
    Skandha
    Participant

    @james-avery: Glad I could help you out. Let me know if you have anymore issues. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Transparent backgrounds for blog page’ is closed to new replies.