Jump to content
aerta

box margin

Recommended Posts

aerta

Hi,

I've put a box at the bottom of my pages, and successfully changed its colour to black, using sexy snips. But it has a margin round it which I'd also like to be black. Or just remove the margin. Can you tell me how to do that please?

http://77.72.201.176/~thestage/

Thanks.

Share this post


Link to post
Share on other sites
catrina

Can you please take a screenshot and point out exactly what margin you'd like to change?


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
aerta

It's at the foot - where it says 'terms and conditions' etc. I want to lose the white border round it and turn it black

post-29229-0-66047200-1349368788_thumb.j

Share this post


Link to post
Share on other sites
James B

Hi there, looking on your site it seems the box has changed to white and the border has vanished. Have you managed to resolve this?

The selector for the box with the t&c's is in #fbox_152 if you still need to make css adjustments :)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
aerta

Hi,

Adding

#fbox_152 { background: black;}

to the custom code certainly turned the box black - but it's also pushed the box (or the morefoot area in which it sits) beyond the width of the site at either side. Any idea how I can stop this happening?

Thanks

post-29229-0-55671700-1349423082_thumb.j

Share this post


Link to post
Share on other sites
Danny

Hi,

First things first, please do not create duplicate topics regarding the same issue. This only causes confusion, is very annoying and will actually slow our response time. I have closed the other topic and set it as resolved.

Now regarding your issue, please remove the custom CSS you add for the #fbox_152 and replace it with this:



#morefoot_area #boxes .content {
background: black;
}


[/CODE]

That should resolve your issue.

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
aerta

Thanks, that's solved the issue. I didn't duplicate the topic - I just wasn't sure whether the problem was a box problem or a morefoot problem, so I queried both.

Thanks again.

Share this post


Link to post
Share on other sites
Danny

The topic was marked as resolved.


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

    • Claude203
      By Claude203
      I would like to format the Testimonial Box for mobile devices, considering that the container is a dynamic section. 
       
      Aside from targeting the specific elements in the @media section, is there anything else I could use to affect the dynamically changing shape?
       
      @media only screen and (max-device-width: 700px) {
      ?
      ?
      }
       
      Thank you!
    • gansoma
      By gansoma
      Hi! There is any option to link a box to another part of the same page ?, I have solved it in the case of tittles but I can't make it run with the boxes.
       
      Thanks!
    • kulmetehan
      By kulmetehan
      Hi guys,
       
      Is not being able to edit the font size also a known bug?
       
      See the footer on my website homepage: http://betercv.nl
       
      Here you can see that the textbox on the bottom left corner has a logo and some text in it. Even though I've set the text size (in the text box) to 14px, it keeps staying on 22px.
       
      I tried some css but I'm not so great in that.
       
      What I did was:
       
      Set the styling class of the textbox to: ".footertb"
       
      And then I put the folowing line in to the editor:
        .footertb {   font-size: 14px; }   But it didn't work. Any idea what I'm doing wrong and what I can do to fix it?
    • jacobtippett
      By jacobtippett+
      Hello,
       
      I am trying to get a MediaBox clickable, which I was able to do, but when doing so it added a large amount of unneccesary padding to the top and bottom of the image. I am trying to get it very close to the navigation bar. I can't seem to figure out how to fix this: [attachment=1670:Screen Shot 2013-10-19 at 1.36.19 AM.png]
       
      The code I am using is:
       
       
      <a href="http://therefinerychurch.org/about/vision"> <img border="0" src="[pl_site_url]/wp-content/uploads/2013/10/visionhome.jpg" alt="Our Vision"></a></p>   I am putting that code in the embed HTML section of a MediaBox.   Website: http://therefinerychurch.org   Thanks!
    • Jinfiltration
      By Jinfiltration
      Hi,
       
      I need to center the words in the menu bar and the dropdown box, may i know where should i edit in CSS?
       
      i did some edit on the css file, i finally moved the dropdown box to almost center, but i couldnt move the word in the menu to the center.
       

×