Jump to content


Photo
- - - - -

Single page in site with custom css

css

Best Answer Rob , 07 April 2013 - 06:13 PM

Hi,

 

I found this code on your site using Firebug. 

 
.home .hentry {
    border-bottom: 1px solid #676767;
    margin: 0;
    padding: 0;
}

Adjust it accordingly.  The border-bottom could be changed to 0.

Go to the full post


  • Please log in to reply
8 replies to this topic

#1 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 07 April 2013 - 05:50 PM

I have a landing page that I ALMOST successfully removed page items on but I have a couple things that I can't seem to find in firebug. The corners and a line under the logo @ bottom are not something I seem to be able to locate and remove... Anyone have some insight on that?

 

Please Login or Register to see this Hidden Content

 

 

Here is the custom css I'm using:

 

 

.page-id-1159 #header, #footer, #sb_fullwidth, {
  display: none;
}
.page-id-1159 .entry-title {display: none;
}
.page-id-1159 #page-main .content {
    background: none repeat scroll 0 0 #2d2d2d;
}
 


#2 Rob

Rob

    One Smart Egg

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

Posted 07 April 2013 - 06:13 PM   Best Answer

Hi,

 

I found this code on your site using Firebug. 

Please Login or Register to see this Hidden Content

Adjust it accordingly.  The border-bottom could be changed to 0.



#3 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 07 April 2013 - 06:25 PM

How did you find it? I couldn't see it!!! That worked perfectly, thank you!!!

 

But I still have the issue of the rounded corner bits on the outer content... Think we can fix that?



#4 Rob

Rob

    One Smart Egg

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

Posted 07 April 2013 - 06:32 PM

It was pretty easy to find that. I simply used the cursor element of Firebug to identify the widest level where I found the bottom-border element.

 

I'm a bit confused about what the rounded corners issue is. Could you elaborate? Thanks.



#5 Rob

Rob

    One Smart Egg

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

Posted 07 April 2013 - 06:41 PM

Got it.  Didn't see them before.

 

Here is the CSS creating it:

Please Login or Register to see this Hidden Content

Change the radius for each corner to 0.



#6 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 07 April 2013 - 07:10 PM

awesome! now it's looking pretty!

 

Do you have any tips for me so i can find these things in firebug? I thought I knew how to do it and I just can seem to narrow in on some things sometime. I use the element inspector but seems it just can't get into some things?

 

Oh and since you're so great at this... have a good solution for getting my buttons to be centered on this page: 

Please Login or Register to see this Hidden Content

?????



#7 Rob

Rob

    One Smart Egg

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

Posted 07 April 2013 - 07:27 PM

When using Firebug, most people point and click the Firebug cursor to the thing they want to inspect, but forget there's various layers to it.  These are found in the horizontal list above the HTML code.

 

You can't 'center' that button, but here's some code that might help:

Please Login or Register to see this Hidden Content

Now, to use Firebug, there's an image below that explains plenty.  You use the list of layers, and you click the drop down menu for the Style, to see various conditions, like hover, active, etc that let you inspect CSS based on conditions.

 


Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content

  60.64KB   3 downloads



#8 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 07 April 2013 - 08:36 PM

Thanks for firebug tip!!!!

 

I added that code but it doesn't look like it worked. :(



#9 Danny

Danny

    Is Awesome!

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

Posted 08 April 2013 - 08:27 AM

Hi,

 

In future please do not ask a new question once your original question has been answered, it will prevent users from successfully find answers to their issues, if similar to new latest question.

 

I have resolved the topic, accepted Robs answer above, also I have already replied to your topic regarding centring your buttons.

 

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: css