Youjoomla Support Forums (http://www.youjoomla.com/joomla_support/index.php)
-   Eximium (http://www.youjoomla.com/joomla_support/forumdisplay.php?f=278)
-   -   How to create new module styles (http://www.youjoomla.com/joomla_support/showthread.php?t=14000)

jcsduk 10-29-2015 02:23 PM

How to create new module styles
 
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

arefund 10-30-2015 09:16 AM

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.

jcsduk 10-30-2015 09:23 AM

Quote:

Originally Posted by arefund (Post 63619)
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?

jcsduk 10-30-2015 09:35 AM

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?

arefund 11-02-2015 07:14 AM

Please use this module suffix yjsg and number next to it like yjsg3 and use that class to style your module.

jcsduk 11-03-2015 05:27 AM

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?

arefund 11-04-2015 08:10 AM

You have to select your module style inside module administration.
http://prntscr.com/8ywiub

jcsduk 11-04-2015 08:17 AM

I know, i did that but style doesnt show?

arefund 11-04-2015 09:13 AM

Can you please pm me with admin info's so i can check.

arefund 11-06-2015 10:08 AM

Please check your pm.


All times are GMT -4. The time now is 12:24 AM.

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