Joomla Templates Club 406,261 posts

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#973036

digimouse wrote:

Unfortunately, no changes are shown. Am I missing something?

Hi there

Could you describe better which less file you modified and which specific customization you are expecting to see in your website ?

[digimouse Friend digimouseJoin date: April 2014Posts: 28Downloads:114Uploads:0 Thanks: 7 Thanked: 2 times in 1 posts]

#973043

The less files I am trying to modify are:

1. templates.ja_sugite.less.modules.less.css
2. templates.ja_sugite.less.components.less.css

I am trying to add these:

.about-img {
  margin-bottom: -112px;
  margin-top: -72px;
}

and also this:

@media screen and (min-width: 992px)
.row-feature {
    padding-top: 112px;
    padding-bottom: 112px;
}

and this:

.row-feature.row-feature-video .video-shuffle-wrap .content a {
  background: url("../../templates/ja_sugite/images/play-icon.png") no-repeat left top;
  display: block;
  height: 74px;
  margin: 0 auto;
  margin-top: 20px;
  overflow: hidden;
  text-indent: -999em;
  width: 74px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#973071

Hi

To add these customizations you can use file custom.css in this way your customizations will be not overrided in next template updates.

Create a new file named custom.css in this folder /templates/ja_sugite/css/ and add your custom style inside it

HERE you can find documentation about custom.css.

Regards

[digimouse Friend digimouseJoin date: April 2014Posts: 28Downloads:114Uploads:0 Thanks: 7 Thanked: 2 times in 1 posts]

#973167

I did this and it worked. Thanks you.
Shouldn’t the less to css compile also work, though?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#973356

digimouse wrote:

Shouldn’t the less to css compile also work, though?

Yes it should works also , but at the end result will be the same, so you have 2 options from which choose 1, but custom.css is a better solution if you want to have always available all customizations you made for future needs.

[digimouse Friend digimouseJoin date: April 2014Posts: 28Downloads:114Uploads:0 Thanks: 7 Thanked: 2 times in 1 posts]

#973365

Ok, sounds good but I still have a problem…

I would like to alter the top and bottom padding for the feature modules. The original CSS is this:

@media screen and (min-width: 992px)
.row-feature {
    padding-top: 112px;
    padding-bottom: 112px;
}

I would like it to be like this:

@media screen and (min-width: 992px)
.row-feature {
    padding-top: 22px;
    padding-bottom: 22px;
}

So, I added the second one to the custom.css file but I don’t see any changes.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#973374

Hi

Try to add the !important

@media screen and (min-width: 992px)
.row-feature {
    padding-top: 22px!important ;
    padding-bottom: 22px!important ;
}

[digimouse Friend digimouseJoin date: April 2014Posts: 28Downloads:114Uploads:0 Thanks: 7 Thanked: 2 times in 1 posts]

#973378

Still no change 🙁

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#973459

Could you please correct the account for your backend provided above ? i cannot login to take a look at your settings.

also there is an error in your code it should be :

@media screen and (min-width: 992px) {
.row-feature {
   padding-top: 22px!important ;
   padding-bottom: 22px!important ;
}
}

[digimouse Friend digimouseJoin date: April 2014Posts: 28Downloads:114Uploads:0 Thanks: 7 Thanked: 2 times in 1 posts]

#974031

Please, give it another try now.

Thanks!

[digimouse Friend digimouseJoin date: April 2014Posts: 28Downloads:114Uploads:0 Thanks: 7 Thanked: 2 times in 1 posts]

#974036

You’re right, the code had an error. As soon as I added the curly brackets, the problem was fixed.

Thanks!

[Author]

Posts