Content boxes not showing

Homepage Community Forums Guru Theme Support Content boxes not showing

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #20342
    Pete
    Customer

      Hi Wes,

      Just recently purchased the guru theme and tried adding content boxes to my pages but nothing is showing up? Is something overriding the code I inserted on style.css? What I have inserted,

      /* Content Boxes
      ------------------------------------------------------------ */
       
      .content-box-blue,
      .content-box-gray,
      .content-box-green,
      .content-box-purple,
      .content-box-red,
      .content-box-yellow {
          margin: 0 0 25px;
          overflow: hidden;
          padding: 20px;
      }
       
      .content-box-blue {
          background-color: #d8ecf7;
          border: 1px solid #afcde3;
      }
       
      .content-box-gray {
          background-color: #e2e2e2;
          border: 1px solid #bdbdbd;
      }
       
      .content-box-green {
          background-color: #d9edc2;
          border: 1px solid #b2ce96;
      }
       
      .content-box-purple {
          background-color: #e2e2f9;
          border: 1px solid #bebde9;
      }
       
      .content-box-red {
          background-color: #f9dbdb;
          border: 1px solid #e9b3b3;
      }
       
      .content-box-yellow {
          background-color: #fef5c4;
          border: 1px solid #fadf98;
      }

      On page

      <div class="content-box-blue">Enter content box text here.</div>
      

      Would appreciate any tips or advice you could give me.

      Pete

      #20343
      Pete
      Customer

        Ignore my post got it to work. Another question I had is how do I change the background color to be an image instead?

        Thanks for a great Genesis child theme!

        #20353
        Wes
        Moderator

          Which background did you want to change? The main body/background of the site or did you want to change a specific Widget location on the homepage?

          #20609
          Pete
          Customer

            Hey Wes, first of all thanks for taking the time to help! I am trying to add a content box on a page (not the homepage) but instead of having a color as the background I would like to have an image as the background. Do you know how I would be to accomplish this?

            Thanks again!

            #20610
            Andykev
            Customer
              
              <p style="border-radius: 20px; border: 5px solid rgba(76, 175, 80, 0.9); margin: 30px; box-shadow: rgba(0, 0, 0, 0.5) 15px 15px 15px; text-align: center; background-image: 
              url('http://www.baypointrodandgun.com/wp-content/uploads/2017/02/SPDWEB-opacity.jpg');">
              <em><span style="font-size: 20pt; color: #000000;"><strong>
              <span style="font-family: 'comic sans ms', sans-serif;">The March club meeting is our annual 
              Corned Beef & Cabbage - Trophy awards dinner!
              Saturday March 18th.</span></strong></span></em></p>
              
              

              This is a sample of how to put an image inside a text box. It includes rounded edges (border radius), color outline border, a box shadow, image, and text. YOU can copy this and insert your image URL to replace the one in the example. Also change the text.

            Viewing 5 posts - 1 through 5 (of 5 total)
            • You must be logged in to reply to this topic.