Hi, the version 4.5 will be able for Joomla 4, so it takes some time and it probably will not work in Joomla 3. I am still on start and finishing Joomla! 4 will even take some time.
The css classes which I have added here as example are invalid for Joomla! 3, my example was about to display another way of CSS styling, so only the CSS attributes could be used but the class names needs to be changed to current version.
Unfortunately, styling CSS is not so easy and mostly depend son environment. Some style can be influenced by other styles loaded on the website, so really hard to give some concrete examples
Jan
Styling as shown on YouTube demo
- Jan
- Phoca Hero
- Posts: 47887
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Styling as shown on YouTube demo
If you find Phoca extensions useful, please support the project
-
- Phoca Enthusiast
- Posts: 56
- Joined: 16 Feb 2013, 16:53
Re: Styling as shown on YouTube demo
Hi Jan, understood, it's not a copy and paste...
I am using the factory default versions of phocagallery.css and default.css, so I would have thought the custom css would be less susceptible to the environment.
Joomla 4 seems like a never ending project! needless to say, it's probably best to wait...
Are you planning to make the CASSIOPEIA demo site public?
I am using the factory default versions of phocagallery.css and default.css, so I would have thought the custom css would be less susceptible to the environment.
Joomla 4 seems like a never ending project! needless to say, it's probably best to wait...
Are you planning to make the CASSIOPEIA demo site public?
-
- Phoca Hero
- Posts: 2735
- Joined: 28 Nov 2010, 17:20
Re: Styling as shown on YouTube demo
Hi,
.pg-categories-box { {formatting} will be in Joomla 3, eg: .pg-cvs-box {formatting} or: .pg-cv-box, .pg-cvs-box {formatting}
.pg-category-box-title {formatting } in Joomla 3, eg: .pg-cv-name {formatting}
etc.
Check also the height of box, e.g.
.pg-cv-box {
height: 100px;
}
I tried it on a standard template & it works.
One can use (depends on template) a generell custom.css, e.g. Helix etc.
Protostar: an additional user.css
Phoca, generell: an additional custom.css
Hint: To prevent the files from being overwritten during a core or extension update, but not to be "less susceptible"
Kind regards
Christine
Example, see Post from Jan from 22feb,13:54:
.pg-categories-box { {formatting} will be in Joomla 3, eg: .pg-cvs-box {formatting} or: .pg-cv-box, .pg-cvs-box {formatting}
.pg-category-box-title {formatting } in Joomla 3, eg: .pg-cv-name {formatting}
etc.
Check also the height of box, e.g.
.pg-cv-box {
height: 100px;
}
I tried it on a standard template & it works.
susceptible"?I am using the factory default versions of phocagallery.css and default.css, so I would have thought the custom css would be less susceptible to the environment.
One can use (depends on template) a generell custom.css, e.g. Helix etc.
Protostar: an additional user.css
Phoca, generell: an additional custom.css
Hint: To prevent the files from being overwritten during a core or extension update, but not to be "less susceptible"
Kind regards
Christine
- Jan
- Phoca Hero
- Posts: 47887
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Styling as shown on YouTube demo
Hi, yes, it is my plan to make a demo of Joomla 4 and Phoca Gallery 4.5 but you need to know that Joomla 4 is not ready and I have done cca 1 - 2 % in Phoca Gallery 4.5 - it doesn't look like that, but rewriting will be very time consumingAre you planning to make the CASSIOPEIA demo site public?
BTW, there is not even Alpha version, but my working code can be seen here:
https://github.com/PhocaCz/PhocaGallery45
https://github.com/PhocaCz/PhocaGallery ... efault.css
But of course, I would not recommend to even only test it as it can be tested after it will be at least Alpha (it is now called Alpha but I mean after this Alpha will be finished and released)
Jan
If you find Phoca extensions useful, please support the project