Jump to content
stefanoferruggiara

Custom Background And Font Color In Content Box

Recommended Posts

stefanoferruggiara    5
stefanoferruggiara

Hi there,

i'm looking for change the background and font color of the Content Box.

I try with Firebug but.. nothing work .. i'm only able to change all the content background color or all the font color but what i'm searching is change the background and the font color only in the content box section. 

My content box is in the more footer section but in the more footer section i have the secondary menu that i would like dont change (now is with black background and different color for effect)

Anyone can suggest me the right css code?

Thanks for fast reply


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
stefanoferruggiara    5
stefanoferruggiara

Catrina i just found now the right code for the background in content box but not for change the font color in the same section.

 

 

#contentbox {
        background: #bcbcbc;
}

"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
stefanoferruggiara    5
stefanoferruggiara

The problem is that this change the color in all the content box and i would like that this change one in the content box of a specific page.


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
stefanoferruggiara    5
stefanoferruggiara

If the content box is in a side bar o other template part .. what i would like is understand how set.. the coloro of font and background of a specific content box.. for example in the page or post id=1774 etc...


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
catrina    103
catrina

You need to use the page id found in the body tag on the page. For example, if you inspect the body tag with Firebug, you should see a number in it that looks like this: page-id-#. You use that in the body class selector in the CSS like this:

 

body.page-id-#

 

 (replace # with the ID number on the page)

  • Like 1

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
stefanoferruggiara    5
stefanoferruggiara

Please Catrina you can be more specify showing me the complete code (with content box section)?


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
stefanoferruggiara    5
stefanoferruggiara

I know how use with id but not when referring to specific section as a content box in a specific page.


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
batman    389
batman

Hi Stefano

 

Catrina said .page-id-XXXX

 

Something like .page-id-2341 #contentbox { background: #bcbcbc;}

 

If you also wish to know how I find the page ID, all you need to do is load up FireBug or Google Chromes web dev tool and inspect your page html, at the top you should see body which has a number of classes assigned to it, one of these is page-id-XX (replace XX with your pages id value. I have added a danny´s screenshot to assist you.

 

http://screencast.com/t/HOsjhjnUIYX

  • Like 1

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
stefanoferruggiara    5
stefanoferruggiara

Thanks my friend .. please you can add to this code also the css for change the font color please?


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
batman    389
batman

Hi again

You can try with

.fboxtext { color: red;}


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

When creating custom CSS, do not use the ID for the section, each section comes with its own unique class(es).

 

For example:

 

.section-features

 

Use this instead of the ID, as ID's can over power all other custom CSS, which is not ideal, especially if this site is for a client. As for the font color, try using color: in your code or maybe targeting a, p etc... in your code.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • nandorj78
      By nandorj78+
      I'd like to request a section (or that this could be enabled on the background settings of the existing sections) in which we could set a image to stay fixed, just as we can see in the link below:
      http://www.bootply.com/render/100702 (you can see 2 different background images and everything scrolls on top of it.)
      Is it possible to be done without having to code it via CSS every time?
    • jacobtippett
      By jacobtippett+
      Hi,
      I am trying to get the background image of the Revslider to be clickable and redirect to a link.
      Does anyone know how this is possible?
    • martinjrob
      By martinjrob+
      I am having problems in figuring out how to make the sections transparent so it shows 1 background color, Image.
      I have made all sections with no background colour as it suggests in pagelines docs
      this is the domain name http://www.socialwebservice.co.uk/ and this is how i would like it to look http://ecologysurveysinnorfolk.co.uk/
       
      Any help will be much appreciated. 
    • abuzzelli
      By abuzzelli+
      Trying to adjust the position of the background image on http://churchofwolves.com/. I need the wolf background to move over to the left on mobile versions so it can be seen. Here's the code I'm using and it's not working. I've tried a bunch of different things. Getting frustrated. Any advice?
      @media (max-width: 768px) { .home .site-wrap{ background: url(http://churchofwolves.com/wp-content/uploads/2015/06/Church-of-Wolves-bkgd1.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 100% 0%; } }  
    • zetanet
      By zetanet+
      I can insert three text box in a page, of course.
      I'm not able to set three different background colors to each text box.
      I would like a result as the attached picture.
      How do I do this?

×