Jump to content


Photo
- - - - -

Contentbox Selector Won't Work? Help please!


Best Answer Danny , 07 March 2013 - 07:33 AM

Hi,

 

Although James suggestion should work. I thought it best to point out that you should use this, to easily style the content area of your ContentBox.

.section-contentbox.clone_7 .content { }

 

However, you have other CSS preventing this from working

 

 
.content .content-pad {
padding: 0 !important;
}

contbox-7 {
float: right;
}

 

I recommend you review your HTML and CSS, as it is preventing you from correctly styling your content area for your ContentBox section.

Go to the full post


  • Please log in to reply
5 replies to this topic

#1 tsalstrand

tsalstrand

    Super Member

  • Members

  • 249 posts
  • Framework Version:latest
  • Country: Country Flag

Posted 07 March 2013 - 05:50 AM

Man, this is such a simple fix yet I can't figure out the problem (which really frustrates me)... probably over thinking it and you guys will point out my stupid oversight. 

The website is

Please Login or Register to see this Hidden Content

 

At the top of the home page there is a contentbox that has a link "investors" with a background that spans the browser.  I want that background to only be for the content but can't get it to show when I add .content

 

Right now I have this:

 

Please Login or Register to see this Hidden Content

 

That works just fine, but when I add .content after the end of .clone_7, it doesn't display the background.

What am I missing?

 

Thanks!



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 07 March 2013 - 06:09 AM

Hi there,

 

I've got it to work using this css, switch your color to suit etc.

 

I'm assuming you mean the content area, not just the background area behind the button etc.

 

 

Please Login or Register to see this Hidden Content

 

 
But that pushes your button to the left. So
 

 

Please Login or Register to see this Hidden Content

 

That gave me this

Please Login or Register to see this Hidden Content

 
Hope that's what you meant :-)
 
 


#3 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 07 March 2013 - 07:33 AM   Best Answer

Hi,

 

Although James suggestion should work. I thought it best to point out that you should use this, to easily style the content area of your ContentBox.

.section-contentbox.clone_7 .content { }

 

However, you have other CSS preventing this from working

 

Please Login or Register to see this Hidden Content

 

I recommend you review your HTML and CSS, as it is preventing you from correctly styling your content area for your ContentBox section.


  • tsalstrand likes this

#4 tsalstrand

tsalstrand

    Super Member

  • Members

  • 249 posts
  • Framework Version:latest
  • Country: Country Flag

Posted 07 March 2013 - 05:12 PM

Thanks James and Danny... I went ahead and reviewed/removed the conflicting CSS that was causing global changes.

 

And I was able to definitely implement it with .section-contentbox.clone_7 .content { }

 

However, I am now not able to get the button to float right as I had it before.

I've tried this:

Please Login or Register to see this Hidden Content

 

I've tried this:

Please Login or Register to see this Hidden Content

 

 

 

 

and I've tried this:

Please Login or Register to see this Hidden Content

 

The last one floats it to the right, but removes the background in the process.  There's got to be a conflict, but I can't find it.

Any idea?  Once again, thanks for the help! :-D



#5 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 07 March 2013 - 07:21 PM

Simplify it and try #contentbox.clone_7.section-contentbox instead.



#6 tsalstrand

tsalstrand

    Super Member

  • Members

  • 249 posts
  • Framework Version:latest
  • Country: Country Flag

Posted 07 March 2013 - 11:49 PM

Thanks for the try Catrina!  Seems like that should have worked, but it didn't.

 

In the end, it boiled down to simple inline CSS in the form of 

Please Login or Register to see this Hidden Content

 

Thanks for all the great help!!!