Rounded corners on my boxes

Hi,

I would like to change all the boxes on my boonex website to have rounded corners, anyone help?

Russell 

I too would like to know how can I do

templates/base/designbox_1.html and all the css is in templates/base/css/general.css.

You can also use this tool to generate the CSS to for the rounded corners http://border-radius.com/

Brilliant, what part in the general css file do i need to change,

This is the effect i want

-webkit-border-radius: 50px;

-moz-border-radius: 50px;

border-radius: 50px;

But cant seem to see what part to change in general css

Thanks for your help so far!

Russell

Ok, the file would be common.css line 168 put your code so it will look like this

okok, if I do not even know where to begin to change the code?

Hi,

You need to add

margin-bottom:10px;

so the full code would be

Sorted the bottom of the boxes but i just need to know what the attached picture is called in the CSS script, i just need to move it up slightly and curve the corners, hope it makes sense!

Thanks for all your help so far!

Russell

This picture might make more sense!

Look a bit closer at your attached image; see the designbox has rounded corners at the bottom; with the attached bottom to the box for the pagination.  So, to get the best appearance, you don't want rounded corners on the bottom of the desginbox, just on the pagination bit. 

Sorry,disagree, most boxes have just the box bottoms but just a few have what's pictured so need to do both, so again, I just need to move it up slightly and curve the corners, anyone help??

Russell

Hi,

I have managed to curve the corners on the pagination, please see the attached picture, all i need is to move the pagination box up slightly to cover the boxes curves, cant find the right code to edit though, hope this makes sense.

Russell

Anybody??

 Just make bottom corners of the main block not rounded and it will rock. 

Sorry, obviously my fault, not making myself clear! i want rounded corners on all blocks i have managed to do this successfully, including the pagination, to just finish the job off i need to move the pagination strip up if possible to cove the curves on the boxes, can you assist?

Russell

 That what my answer was about: instead of covering bottom rounded corners by pagination container you should just make bottom corners of the bolock not rounded and it will fit together. It's right way to do it.

 If you really need to put the pagination block at the top, just add to your css class

top:-20px;

or

padding-top:-20px;

OK, I understand what you are saying.  What is showing in that corner is the background image.  So one way would be to redo the background image so that at the bottom it matches the grey.

Sorry, if I change the bottom of the box then on the boxes where the pagination does not appear the they would be square, not curved as I require, is there no way of just moving the pagination up a couple of px?? Just so it covers the curves??

Hi Boonexpert

Where is that on the CSS page?

And is it in the file common CSS??

Russell

 You have to search in Inspect Element window (like FireBug) for this element and change its css rule. You have a custom template, I can't tell you where to search since I don't see your site.

If you have firebug on FireFox, and turn off CSS caching you should be able to find out what css controls the pagination bit.  With CSS caching on, Firebug won't be able to report the name of the CSS class/id.  Note that this probably will move it for all blocks where it is used, site wide.

Also, the pagination block is not at the top, it's on the bottom of the square, sorry a little lost!

Sorry, they don't work on the mac??

That's exactly what we can see from your screenshot.

 If you mean FireBug Inspecting element feature then it works on any system. It's browser-based, not OS based feature.

 On Mac in Chrome browser press "Command+Shift+C" and you'll get Inspect element window.

Sorry, stupidly enough I thought someone might just tell me how to do it but as always you lot try and make it as vague as possible, it's almost like you enjoy making things a big mystery, forget it, I've joined another forum were people give you plain instructions.

Many thanks! 

 How anybody can give you plain instruction without even seeing your site and your custom codes?

Boonex?? Custom code?? You sure?? Everyone startsoffs with the same files and software!!

Give a man a fish and you feed him for a day. Teach a man to fish and you feed him for a lifetime.

If we'll tell you exactly how to change one thing, you'll need help with another. If you'll know the logic how to change one thing, you'll be able to change anything you need by yourself next time. Just saying.

 You have custom design, that's what I was telling. Some design templates have their own codes and styles.

 Great. Somebody just gave you a fish. :)

Well Boonexpert, I paid my money at the beginning of joining Boonex to be given advice and instructions how to customise my website, not to be given vague information a boy who thinks he's teaching me some kind of life lesson, I have picked up a lot of tip and know a bit about Boonex software and scripts, I just need "proffestional" and expert guidance every now and then! 

Keep your life lessons mate I live in the real world! I didn't go or have no intention of ever going to geek school!

I wouldn't mind someone giving me some fishes at times :lol:

And I recommend to you that you read all the post before answering! That code does not work!!

 It's offtopic. You paid money to Boonex for your script, not to each of us, regular people just like you, to help you. We are free to talk or not, you are free to accept or not.

 There's a "Quote" link on each message. What code doesn't work?

I also paid $5 to enter the forums and ask questions and receive proffestional and expert advice, let's be honest, you could tell me exactly how to move the pagination boxes up a tiny amount, your just choosing to do it in a childish and smug way! All I am saying is, if your going tdo offer advice that way, don't bother!!

 Sometimes it's useful to post your site link so people can go there and give you an advice to your question. Without seeing your site with your own template it's hard to tell anything.

Please let's not make a trashcan here on the forums. You paid $5, I paid $150, it doesn't matter, who cares. You need an advice -- make your question clear with all links provided. It's simple rules for any forum. No offends.

Dolphin is a large and complex application.  The users of the forums don't always have answers to everything; or those who have spent years learning this application's ins and outs may feel that if the questions are too noobish will not answer; it is the way of technical forums all over the internet; believe me, I have been there.  I am a Dolphin noob; I don't feel that is a bad thing because everyone was a noob at one time even if they don't want to admit it .  I try to help where I can but I am a noob; I can answer simple things only.  This forum is a user forum where the users of Dolphin try and help each other.  Give me a link to your site and I will take a look; if you don't want to post the link here in the forum, PM it to me.

geek_girl, that's exactly what I was trying to say :)

The question - clear enough!

The resolution - should be a simple answer, not vague and certainly should not contain condescending attitude,

The software/script I use - exactly the same as yours!

So you can give a simple answer if wanted to, you just chose not to by your answer "Give a man a fish and you feed him for a day. Teach a man to fish and you feed him for a lifetime" 

I don't require your help on this matter anymore! Bye!

It's not "software question", it's your custom design question. Style classes may be various from template to template .

The simple answer has been given a couple messages back:

top:-20px;

or

padding-top:-20px; 

Don't be so angry please, we are all people here just like you. You are always welcome.

I don't have the answer; I have no idea about how the pagination is added to the bottom of a block.  However, I did offer to try and find the answer.  However, to do that it would be best if you pointed me to the page on your site where you are trying to accomplish this.  I don't care about the content of your site; I am not embarrassed by adult sites if that is the issue or any other site content.  If the page is locked out by having to be a member, then yes, that would be a problem because I don't want to join of course.

I looked at a block on my home page and saw div.paginate; have no idea what css file that is in.

For standard D7.0.9 it's common.css

1. background-color: #EDEDED;
2. height: 30px;
3. width: 100%;