Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

[SOLVED] How to put border around module

04-17-2015, 01:23 AM
# 1 (permalink)
Slowlyjam
Hello,

Please, how can I put a border around a module?

Thank you.

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: n/a

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Personal
04-20-2015, 05:39 AM
# 2 (permalink)
arefund
Hello Slowlyjam.
Can you please be more specific, provide your site link so i can provide your the right css for it. You can try to add the border to your module suffix.
Kindness costs the least, but is worth the most!
04-20-2015, 10:38 AM
# 3 (permalink)
Slowlyjam
Thanks Arefund.

Please see site here

Screenshot
04-21-2015, 04:04 AM
# 4 (permalink)
arefund
The best way is to add a module suffix to the module and then use this as css:

.yoursuffix{
border:5px solid #color;
}
Kindness costs the least, but is worth the most!
04-21-2015, 10:56 AM
# 5 (permalink)
Slowlyjam
Thank you Arefund.
Should I put this in custom.css?
04-21-2015, 07:21 PM
# 6 (permalink)
Slowlyjam
Hi Arefund.
It seem that I am not using these features correctly.
I put the code you provided in the custom.css section of custom code (template manager
) screenshot
I place the suffix in the module. screenshot
The custom.css file is activated screenshot
Please take a look and let me know.
Thank you.
04-23-2015, 04:46 AM
# 7 (permalink)
arefund
Please notice that you are missing the dot before your module suffix class.
.bfcsuffix{
border:5px solid #your color code(color).
}
And please notice that the color word is actually your color code, if you want white border then it should be #fff not color.
You can add that code inside the custom.css file inside templates\your_template\css\ folder.
Kindness costs the least, but is worth the most!
04-23-2015, 01:35 PM
# 8 (permalink)
Slowlyjam
Thank you very much Arefund.
It work fine now.
I just need to put some space between the border and the content.
How do I do that?
Thanks again.
04-24-2015, 04:25 AM
# 9 (permalink)
arefund
You can add padding to the same suffix.
Kindness costs the least, but is worth the most!
04-24-2015, 10:31 AM
# 10 (permalink)
Slowlyjam
Thanks Arefund.
Works fine.
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

Members Login

Username
Password