Youjoomla Support Forums (https://www.youjoomla.com/joomla_support/index.php)
-   YJSG Template Framework Plugin (https://www.youjoomla.com/joomla_support/forumdisplay.php?f=269)
-   -   Overwrite yjsg template file (https://www.youjoomla.com/joomla_support/showthread.php?t=16263)

michy80 05-10-2018 12:46 PM

Overwrite yjsg template file
 
Hi,
I noticed that there is a new version of YJSG Template. My question is: is there a way not to overwrite css framework files (such as template-blue.css etc.) when updating?
I updated without doing backup of these file and they has been overwited (and my changes have been lost).
Waiting for your answer

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: local

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

Is this personal or client website?: Personal

neo 05-10-2018 03:44 PM

YJSG is a framework plugin not the template, and it is not overriding the template css file,

template-blue.css is compressed template css ,
if you change the template CSS files and update plugin there will be no changes

if however you update or reinstall template than any changes will be gone .

this is exact reason why you should always use custom.css file for all customizations

https://www.yjsimplegrid.com/documen...-css-file.html

michy80 05-12-2018 06:14 AM

Hi Neo,
and thank for your answer.
Surely I haven't been so evident in my previous post, so I'll try to explain with an example:

before updating YJSG Framework I had:
template-blue.css:7582
.inside-container .yjsg-row, .yjsg_grid .yjsg-row {
/* margin-left: -15px; */
/* margin-right: -15px; */
}


after updating YJSG Framework, template-blue.css:7582 has become again
.inside-container .yjsg-row, .yjsg_grid .yjsg-row {
margin-left: -15px;
margin-right: -15px;
}


For all my customizations I've always filled Custom code field in YJSG Framework but if I insert
.inside-container .yjsg-row, .yjsg_grid .yjsg-row {
/* margin-left: -15px; */
/* margin-right: -15px; */
}

in there, this customization does not work.
I hope I've been more evident.
Waiting for your answer

neo 05-12-2018 08:26 AM

this is not modification it is comment out which means it wont do anything

Code:

/* margin-left: -15px; */
/* margin-right: -15px; */

you need to enter the value you need like

Code:

margin-left: auto;
margin-right:auto;

and if overrides are stubborn and wont budge
use top level ID or class in front

http://prntscr.com/jgxusl

#stylefont .inside-container

or

.bootstrapoff .inside-container

neo 05-12-2018 08:28 AM

try any of these in custom.css


Code:

.inside-container .yjsg-row, .yjsg_grid .yjsg-row {
 margin-left: auto;
margin-right: auto;
}

Code:

.inside-container .yjsg-row, .yjsg_grid .yjsg-row {
 margin-left: auto!important;
margin-right: auto!important;
}

Code:

#stylefont .inside-container .yjsg-row, .yjsg_grid .yjsg-row {
 margin-left: auto;
margin-right: auto;
}


michy80 05-15-2018 06:27 AM

Hi Neo,
before you answered me, I'had already found the same solution you wrote me but I had not the time to tell you.
Many thanks, as usual!


All times are GMT -4. The time now is 02:08 AM.

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