Css for customization

gigiograndi

Hy,
we cannot find anything for our css customizations. We're using your demo "Ja_Rent - Features Intro" and fits almost perfect for us, but we don't know what files to customize colors, fonts, margins, module dimensions and whatever. May you help us?

Regards

Ninja

gigiograndi
Hi
There are different parts of website that can be customized via Theme Magic tool in the template style options.
If you want to change the theme of website ThemeMagic tool will help you to change it.

Apart from this, some area has own style codes like top header background color etc.
This you can customize via Inspect element tool in the browser and override the css via custom.css file
Example to see the style code : .t3-header { padding-top: 24px; padding-bottom: 24px; border-bottom: 5px solid #079aee; background: #ffffff; }

Here : http://prntscr.com/1324mlh
Apart from this there are more customization FAQ here : https://www.joomlart.com/documentation/joomla-faqs

Hope it helps.

Regards

gigiograndi

Sorry,
I've asked, in my template (your demo) WHERE are the css files for customizing? I know how to do with inspection, but is really difficult to find the files and Theme Magic is the worst builder i've ever seen.
May you tell me where and what are those files?

Regards

Ninja

gigiograndi
ThemeMagic is one the most useful feature to create own theme. Not sure why it's tough for you.
Anyway the best way to customized the style is via custom. Css file as it will not be override when you update template. Making change in core files will override them during updates.
To see the path of file via inspect element tool you can turn off the css compression from template style option and it will display the original file path on right side of page near the style code.

Regards

gigiograndi

Ok, sure,
But, where to put the new custom.css file? What is the right path? We try this but no customizations works.

Regards

Ninja

gigiograndi
If the code is not correct it will not work as override.
Open template folder/css/custom.css
If file doesn't exist kindly create it and add the code.

Regards

gigiograndi

Hy,
Done. Do you see any customization? I don't see anything

Regards

gigiograndi

Ok, we create a new custom.css and put it with filezilla and seems working. May you help us with customization of slideshow image, to not stretch as you can see, now? Maybe customizating this rule? .t3-header {
padding-top: 24px;
padding-bottom: 24px;
border-bottom: 5px solid #079aee;
background: #ffffff;
}

Regards

Ninja

gigiograndi
Hi
Its normal for slideshow and Image use 100% width so it will resize in responsive views.
http://prntscr.com/132m9n8
The image size still large compare to Full HD view.
+ If you want to see css path of files you have to turn off development mode in the template.

PS : Kindly make a new thread for each different topic/question request.

Regards

gigiograndi

Hy,
Seems better with our custom css.

Regards