Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #892956
    philippehalim
    Participant

    Hello,

    I am trying to change the background of the (boxed portion) it’s white and when i change the color from “layout and design) it doesn’t change what’s inside the box but only the outer side, which doesn’t change because I have a background image

    How I can change the color of the inside the boxed area background or add a photo ?

    Regards

    #893487
    Paul R
    Moderator

    Hi,

    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.

    #893493
    philippehalim
    Participant
    This reply has been marked as private.
    #894163
    Rupok
    Member

    Hi Philippe,

    Thanks for writing back. We ask for URL to avoid confusion as we have several stacks and each of them has unique design and feature. So we kindly ask you to assist to find the issue on right stack and provide you a solution. It’s easier to ask for the URL instead of asking the Stack, Layout (Boxed or Fullwidth), Color scheme etc. Also we need to test the code with DevTools before providing you to make sure the code is working.

    However to change the background of that are, you can add this CSS under Customize > Custom > CSS :

    .x-boxed-layout-active .entry-wrap {
      background-color: #f54;
    }
    

    If you want to use background image, you can use this :

    .x-boxed-layout-active .entry-wrap {
      background: url("http://YOURIMAGEURL.jpg") no-repeat scroll center center / cover ;
    }

    Hope this makes sense.

    Cheers!

    #895637
    philippehalim
    Participant

    Thank you for your reply.

    it works

    #896509
    Thai
    Moderator

    Glad it worked 🙂

    If you need anything else please let us know.

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