Kraken Grid Content style applied to Page Content
-
-
- cjwilkinson
- Jr. Rocketeer
- Posts: 22
- Thanks: 0
-
Hi,
On the homepage of Kraken, you can find a very nice way to show "blog items". This is done through "grid content" particle. Unfortunately, these particles are all static and don't seem to be able to use actual Joomla articles like RokSprocket.
Could someone tell me how the CSS of the "grid content" can be applied to regular Joomla articles based on their standard titles, images & content.
I hope this question makes sense. Basically, style Joomla articles exactly like "grid content".
Regards
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Question makes perfect sense. The best way is to use an Inspection tool like
Chrome Developer Tools
.
Then on a MainBody Block with your Page Content Particle, create to the right or left a Grid Content Particle. Then you can easily compare both and adapt the Grid Content CSS to that of your articles.
-
-
-
- cjwilkinson
- Jr. Rocketeer
- Posts: 22
- Thanks: 0
- I can see the css applied to the gridcontent, but how can I have the PageContent (joomla articles) like this? Where can I add this CSS within Joomla?
-
-
-
- cjwilkinson
- Jr. Rocketeer
- Posts: 22
- Thanks: 0
- As a matter of a fact, it almost seems with the new particle system, all is based on static content. There doesn't seem to be any info on standard joomla content integration (more specifically, its styling)
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
cjwilkinson wrote:
As a matter of a fact, it almost seems with the new particle system, all is based on static content. There doesn't seem to be any info on standard joomla content integration (more specifically, its styling)
In Gantry 4 in the Admin -> Advanced Tab -> MainBody -> you needed to have thie ENABLED to see Joomlas article page content.
It's much the same for Gantry 5 where you add a Page Content Particle if you want Joomla's page content to be shown.
As far as styling goes Joomla's CSS provides the styling for the Main Body. In Gantry 5 all content must be represented by some type of Particle in the Layout Manager however your not limited to our theme designed particles. You can use Joomla modules our RocketTheme extensions or 3rd party extensions.
Please see the guide Adding Modules in Gantry 5
-
-
-
- cjwilkinson
- Jr. Rocketeer
- Posts: 22
- Thanks: 0
-
OK, understand that you need to place the Page Content particle into the template to get the Joomla content, but is there a way to style this "Page content" particle exactly the way the "grid content" particle is styled? That's what I'm looking for.
PS: if for example they would ever make the option in a grid content particle, to select joomla articles and/or joomla category, this would be excellent, but for now, it seems I need to somehow have this styling from grid content applied to Page Content.
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
cjwilkinson wrote:
OK, understand that you need to place the Page Content particle into the template to get the Joomla content, but is there a way to style this "Page content" particle exactly the way the "grid content" particle is styled? That's what I'm looking for.
PS: if for example they would ever make the option in a grid content particle, to select joomla articles and/or joomla category, this would be excellent, but for now, it seems I need to somehow have this styling from grid content applied to Page Content.
Unlike Gantry 4 we kept the needed styling to a minimum to keep it from getting bloated and slow. We certainly couldn't have a series of options to apply everybodys favourite particle look to Joomla's mainbody.
Even in Gantry 4 there were no options to apply a modules styling to Joomla'a Mainbody. This is where Chrome Developer Tools is so important. It makes adapting CSS styling code blocks from one kind of content to another easy.
If your unfamiliar with CSS than there is another option. You can use Joomla's loadposition parameter to load a custom HTML module with all your requierd content. Then to style this modules inside the article see this thread-> http://www.rockettheme.com/forum/general-discussion/250541-solved-adding-module-suffix-classes-to-modules-in-articles?limitstart=0#1251312
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi cjwilkinson,
I am currently going through our old posts and was wondering if you still need help with this issue or can we close it?
New versions of the particles can now pull from Joomla articles.
Hope this helps
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
Time to create page: 0.064 seconds