Jump to content


Photo
- - - - -

How do I change the color of my boxes


  • Please log in to reply
9 replies to this topic

#1 policyschool

policyschool

    Member

  • Members
  • 21 posts

Posted 28 February 2012 - 09:49 PM

What is the code to change the background color of the boxes on my homepage?

Please Login or Register to see this Hidden Content



#2 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts
  • Country: Country Flag

Posted 29 February 2012 - 03:05 AM

I would recommend looking at the site using FireFox with FireBug installed. This allows you to select the section of the website to locate the code for that section. Once you find the name of the box you can create CSS code (

Please Login or Register to see this Hidden Content

) for changing the background color.

Here's a generic example:

Please Login or Register to see this Hidden Content



#3 policyschool

policyschool

    Member

  • Members
  • 21 posts

Posted 29 February 2012 - 04:32 PM

Do I enter the code at the bottom of the CSS code directly in Firebug or do I do it in wordpress?

#4 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 29 February 2012 - 04:39 PM

You add your custom code to WP -> PageLines -> Settings -> Custom Code -> Custom CSS

#5 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 29 February 2012 - 04:39 PM

Firebug is more of a "live preview" for changes so you can see how things look before adding them to your theme.

#6 policyschool

policyschool

    Member

  • Members
  • 21 posts

Posted 29 February 2012 - 07:54 PM

I'm still having some trouble. The three boxes on my homepage seem to be named fbox_1404, fbox_1407 and fbox_1409, I entered the code: .fbox_1404 ( background-color: #F0F0F0; } using several different hex codes and I did not notice a change even after clearing my cache. I tried fiddling with the code a little bit but my knowledge of CSS is very limited. Could someone recommend a bit of code that would work?

#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 29 February 2012 - 11:08 PM

Here's the solution I came up with:

Please Login or Register to see this Hidden Content


Add that to Custom Code > CSS rules. The boxes may show some need for padding inside the backgrounded area.

#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 29 February 2012 - 11:13 PM

Just an FYI, version 2.1.3 includes a new setting for the feature sliders in Dashboard > PageLines > Meta and in posts at PageLines Meta Settings > Features. It requires you to set the nature of your sliders... such as whether the size is dynamic or static. You'll need to visit your site's sliders because I'm seeing compression in a slider found here:

Please Login or Register to see this Hidden Content



#9 policyschool

policyschool

    Member

  • Members
  • 21 posts

Posted 01 March 2012 - 05:12 PM

The color worked perfectly, how do I add padding to the text inside of the boxes, I noticed that adding "margin-left: 3px;" to the given code increases the spacing between the boxes.