Search the Community

here is the blog post: http://hfsir.com/1548-south-kembley-avenue-palatine-il-60067/ I hid the blog title at the top of the page, but the top of the video I embedded does not line up with the top of the sidebar. I am trying to locate the css for this, but I cant get it right for some reason.

ok, so I am trying to style the banners so they are smaller, and have less space around the content. I am using the correct css, I think but when I adjusted the margins with this: then it did this: http://screencast.com/t/TxrcrUik which is great, but it didn't take effect on all of them. This has always perplexed me because I never know exactly where to find the other css to change. http://screencast.com/t/uGExouXeKSQf I would think that that rule would be able to apply anywhere. Its probably some simple thing I couldn't remember. thanks for the help in advance. http://refined.huntersfairwaysothebysinternationalrealty.com/benefits/

So I'm a fairly experienced developer with php and css, and I'm finding a small problem with the pagelines framework that I can't seem to fix. There appears to be a 5px gap at the bottom of my pagelines sites that I'm unable to find the cause of. HTML, BODY, div#site, and footer#footer, the only elements I could think of that would cause this, all have their margin/padding set to 0. When I turn the body background off/on, it is showing that it is the BODY element showing through. When I click on it using firebug, firebug highlights the html element. In the image below, the green line is where the browser should be sitting, but for some reason it has that 5px gap below the site. And this is a more visible example from another site I'm working on. The light beige/green at the bottom shouldn't be there and I'm not sure how to get rid of it:

Hi, Struggeling to find the right custom css to reduce margin between the rows / span from 22 down t 2px. Tried many versions. Here is one of many trials which do not work: #page.wpcf7-form .post { margin-top: 2px; margin-bottom: 2px; } ------------------------- This what firebug css code says (margin adjusted in firebug) : element.style { margin-bottom: 2px; margin-top: 2px; } p:before { content: ""; display: block; overflow: hidden; width: 8em; } p { margin: 1.6em 0; orphans: 4; -------- html <div id="wpcf7-f729-p100-o1" class="wpcf7"> <form class="wpcf7-form" method="post" action="/#wpcf7-f729-p100-o1"> <div style="display: none;"> <input type="hidden" value="729" name="_wpcf7"> <input type="hidden" value="3.3.1" name="_wpcf7_version"> <input type="hidden" value="wpcf7-f729-p100-o1" name="_wpcf7_unit_tag"> I would really appreciate any help. Thanks

I have been trying so that my site have two background colors. The content will have white, while either the sidebars or the margin have another color. On PageLines Layout Editor I have customized so that the content area is 1148px, so it is space for margin. But when I use Firebug I can't find any margin css code. So I tried to give the sidebars background color instead. I saw that on Firebug my sites name for the class for the sidebars are two-sidebar-center. So on custom code I added the code: #two-sidebar-center { background-color: #6BB99A; } Nothing happened. What is missing? Am I on the right direction or am I lost? My site is http://www.sailubju.com/blog/

Hi, I'm new here. I wonder how I can leave an empty an space between the main container and sidebars to show the background between them. I tried applying margins in sidebars (I'm using two sidebars on each side) but the first one goes down. this is my code: #sidebar1{ background: rgba(255, 255, 255, 0.9); } #sidebar2{ background: rgba(255, 255, 255, 0.9); } #column-main, .mcolumn{ background: rgba(255, 255, 255, 0.9); width:90%; margin: 0 10px 0 10px;} thanks!