Quote Boxes not working

Homepage Community Forums Legacy Theme Support Quote Boxes not working

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #7995
    bbuller
    Customer

      I have placed the code for a quote box in a text widget in the ‘home bottom message’ section on my site however I cannot get the quote box to appear like it does on the demo home page (only the text of the quote appears)

      #8007
      Wes
      Moderator

        The demo is version 1.3.1, which hasn’t been release just yet since I’m adding updates to it and a few other themes. You can still use it by adding this code to your css –

        .quote {
        	background: #fff;
        	border: 1px solid #ddd;
        	color: #888;
        	padding: 20px;
        }
        
        .quote-arrow {
        	background-image: url(images/quote-arrow.png);
        	background-position: center bottom;
        	background-repeat: no-repeat;
        	bottom: 1px;
        	display: block;
        	margin: 0 0 10px;
        	padding: 14px 0 0;
        	position: relative;
        }
        
        .quote-gray {
        	background: #eee;
        	border: 1px solid #ccc;
        	color: #333;
        	padding: 20px;
        }
        
        .quote-arrow-gray {
        	background-image: url(images/quote-arrow-gray.png);
        	background-position: center bottom;
        	background-repeat: no-repeat;
        	bottom: 1px;
        	display: block;
        	margin: 0 0 10px;
        	padding: 14px 0 0;
        	position: relative;
        }
        
        .quote-black {
        	background: #121212;
        	border: 1px solid #353535;
        	color: #fff;
        	padding: 20px;
        }
        
        .quote-arrow-black {
        	background-image: url(images/quote-arrow-black.png);
        	background-position: center bottom;
        	background-repeat: no-repeat;
        	bottom: 1px;
        	display: block;
        	margin: 0 0 10px;
        	padding: 14px 0 0;
        	position: relative;
        }
        
        .quote-black a {
        	color: #aaa;
        }
        
        .quote-black p {
        	color: #fff;
        }
        
        .quote strong {
            color: #333; 
            padding: 10px 0 0;   
        }
        #8008
        bbuller
        Customer

          thanks Wes, that worked great – love the look

          #8011
          Wes
          Moderator

            You’re Welcome!

          Viewing 4 posts - 1 through 4 (of 4 total)
          • The topic ‘Quote Boxes not working’ is closed to new replies.