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!

How to create new module styles

10-29-2015, 01:23 PM
# 1 (permalink)
jcsduk

Hi

this is a great template, but I would like to create another module style in addition to YJSG1 and 2

Can you please tell me where and how i can do this? I have searched all CSS files for YJSG but cant find them?

Thanks

James

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: www.roundandabout.co.uk/ox10

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

Is this personal or client website?: Personal
10-30-2015, 08:16 AM
# 2 (permalink)
arefund
Hello jcsduk.
Please notice that you can add the xml call inside:
templates\your_template\custom\yjsgmoduleoptions\y jsg_module_options.xml
The style of the module styles can be added inside your custom.css file.
Kindness costs the least, but is worth the most!
10-30-2015, 08:23 AM
# 3 (permalink)
jcsduk

Quote:
Originally Posted by arefund
Hello jcsduk.
Please notice that you can add the xml call inside:
templates\your_template\custom\yjsgmoduleoptions\y jsg_module_options.xml
The style of the module styles can be added inside your custom.css file.
ok thankyou, can you tell me where the existing 2 module styles are you i can take code and change them?
10-30-2015, 08:35 AM
# 4 (permalink)
jcsduk

hi, i added this line to the module

<option value="borderonly">Border Only</option>

then in custom.css added this, and activated

.borderonly {

border-style: solid;
border-width: 5px 5px 5px 5px;
border-color: #fff;

}


but it doesnt work?
11-02-2015, 06:14 AM
# 5 (permalink)
arefund
Please use this module suffix yjsg and number next to it like yjsg3 and use that class to style your module.
Kindness costs the least, but is worth the most!
11-03-2015, 04:27 AM
# 6 (permalink)
jcsduk

Hi, ok, i have done that, here is the custom.css now
Quote:
/**
* custom.css file created by Eximium Template
* @package Eximium Template
* @author Youjoomla.com
* @website Youjoomla.com
* @copyright Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
AND REVERT BACK TO ORIGINAL TEMPLATE CSS
THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/


.yjsg3 {

border-style: solid;
border-width: 5px;
border-color: #ffffff;

}

and this is the module oiptions
Quote:
<?xml version="1.0" encoding="utf-8"?>
<form>
<fields name="params" addfieldpath="/plugins/system/yjsg/elements">
<fieldset name="YJSG_MODULE_OPTIONS" label="Yjsg Module Options">
<field name="yjsg_module_style" type="list" default="default" label="Module styles" description="Select custom module style from the list. ">
<option value="default">Default</option>
<option value="yjsg1">Yjsg1</option>
<option value="yjsg2">Yjsg2</option>
<option value="yjsg3">Border Only</option>
</field>
</fieldset>
</fields>
</form>
but its still not showing against the module? ( the CSS should just be a 5px black border?)

Can you help?
11-04-2015, 07:10 AM
# 7 (permalink)
arefund
You have to select your module style inside module administration.
http://prntscr.com/8ywiub
Kindness costs the least, but is worth the most!
11-04-2015, 07:17 AM
# 8 (permalink)
jcsduk

I know, i did that but style doesnt show?
11-04-2015, 08:13 AM
# 9 (permalink)
arefund
Can you please pm me with admin info's so i can check.
Kindness costs the least, but is worth the most!
11-06-2015, 09:08 AM
# 10 (permalink)
arefund
Please check your pm.
Kindness costs the least, but is worth the most!
Thread Tools
Display Modes

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

Members Login

Username
Password