Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1207013
    dthom
    Participant

    Hi. I have my pages set to use custom css on the .entry-wrap portion so as to minimize white space between content and sidebar and apply background color as (also screenshot):

    .yellow-background .entry-wrap {
    background: rgba(255, 249, 71, 0.5);
    border-radius: 6px;
    padding: 0px 10px 0px 10px;
    width: 105%;
    }

    I would like to apply this layout to my single posts pages also and have tried the various recommendations presented, with no luck – thinking that the .single-post .entry-wrap with the above css would work.

    .single-post .entry-wrap {
    background: rgba(255, 249, 71, 0.5);
    border-radius: 6px;
    padding: 0px 10px 0px 10px;
    width: 105%;
    }

    Can you provide me with the proper css selectors for single posts please?

    Thanks

    #1207186
    Joao
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1207255
    dthom
    Participant

    Sure, here you go. https://mysalus.org/2trends-telemedicine/ Whic is a a single post page. Other site pages show the applied custom css for background color and sizing using the facilitation in the page ayuot to apply the custom css. Since I can’t do that on single posts i am hoping there is a way to accomplish this using css applied to single post layout.

    Thanks

    #1207708
    Friech
    Moderator

    Hi There,

    Actually, you got the correct selector. You can update your css code for page to this:

    .yellow-background .entry-wrap,
    .single-post .entry-wrap {
    	background: rgba(255, 249, 71, 0.5);
    	border-radius: 6px;
    	padding: 0px 10px 0px 10px;
    	width: 105%;
    }

    Make sure you clear your caching plugin and browser’s cache before previewing the page.

    Hope it helps, Cheers!

    #1207962
    dthom
    Participant

    that worked, thank you!

    #1208018
    Thai
    Moderator

    Glad it worked 🙂

    If you need anything else please let us know.

  • <script> jQuery(function($){ $("#no-reply-1207013 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>