Joomla Templates Club 406,261 posts

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#932786

skip—-

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#932790

skip—>

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#932827

skip—>

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#932920

Okay some of the issues in this thread if fixed myself so thats why there is a bunch of skips. so lets focus on where i am stuck and need to know how to achieve…

In templates we have ja_social_ii

now in admincp we have

• Ja_Social_II – Default
• Ja_Social_II – Features Intro
• Ja_Social_II – Purple
• Ja_Social_II – Violet

OKay now i just want to use default as my main template style dont need features and purple violet so we can skip any details there i understand features intro is the default page when you go to demo. but i dont need that.

So we have default. i want to make three copies of this default template and i will rename each one.

• home
• pages
• social

now how can i have a custum.css for each one so i can make edits to each of them and then assign them to the pages i want them on.

the only way i could figure out custum.css is if i manually added that to the custum code section of the template. but then that was using that custum.css site wide no matter if it was default template for one page or violet on another. they would all use that custum css set in the default layout.

so please advice me how to achieve this.

i need to know how can i create

• home.css
• pages.css
• social.css

or they all could be named custum with different css. but only load each one when on the page its displaying.

i don’t want to load custum.css which would be site wide. i want to be able to style each page i go to so that’s where i am starting with just three examples.

Oh and lets be clear i know i can change basic stuff like theme color in thememagic

but if i want to add a background to certain things for certain pages i need to be able to do this by pulling a custum.css

.t3-content { padding-top: 24px; padding-bottom: 24px; background-color: #FFF; border: thin solid #CCC; }

.languageswitcherload { border-right: 1px solid rgba(255,255,255,0.5); float: right; line-height: 1; margin-top: 8px; }

div#fd.es.mod-es-dropdown-menu .es-avatar { width: 32px !important; height: 32px !important; line-height: 32px !important; vertical-align: top; background: #01579B; display: inline-block; }

could be on one page but not on others and one more edit to this thread second piece of code with make the easy social notifications align with the login box. but when it goes responsive it ends up under the login box which isnt a problem but it ends up being white on white see attached folder.

how can i make them icons change colors on resize.

---

Attachments:

1. 

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#933510

alright its bedtime for me cant wait any lomger for an answer hopefully i have one when i wake up. and i dont want to see add custum.css file without letting me know how to actually call it since the template does not do that on its own. at least my copy doesnt i put custum.css in every css folder possible local/ template folder/css templatefolder/custum/custum.css none of them load unless i put the code in the backend to call it. but thats not going to solve what i want to achieve anyway since i need to call one for every assigned template for pages. the only way i know possible is to make suplicates of the actual template and rename it and reip and add it so i have three copies of the same template. so please i hope there is an answer.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#933619

Hi

First of all, it’s custom.css file not ‘custum.css’

Regarding to the style of different pages, in each template style under Template manager section, you can use specific theme for certain template style. With this in mind, you can have different style for different page.

Check out this documentation for how to override a theme inside local folder: http://www.t3-framework.org/documentation/extend-com-content#isolate-template

With this way, you can use ‘custom.css’ file for whole site and customise style for specific page via associated theme that page is using.

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#933762

nevermind it does answer that in that link. thank you and thats so funny for a whole day i was spelling it as custum i wasnt even noticing it lol

[Author]

Posts