1. General discussions
  2. Wednesday, 21 February 2018
Hello, I'm wondering if it is possible to make a blog layout something like this: https://www.demos.co.uk/blogs/
And can i make articles of some category have different background color like here: https://www.demos.co.uk/

Thanks
Accepted Answer
Hmmm, sure? Because in Shopin Template there is:
http://demo.joomshaper.com/2017/shopin/index.php/blog


Yep, thanks for the headsup. This is achieved through a blog override. Please, inspect the SHOPIN template folder -> HTML -> com_content -> category ->

Different color per category is possible, too. You would have to modify the same blog override to get the article's category ID . Then use that number to create a CSS class name. This class could be on a surrounding container or the headline tag... Then you can assign any color or property in your template's CUSTOM CSS.

Hope this helps.
  1. more than a month ago
  2. General discussions
  3. # Permalink
Responses (10)
Hi,
Sorry it's not possible in blog layout.

-Thanks
  1. more than a month ago
  2. General discussions
  3. # 1
Hmmm, sure? Because in Shopin Template there is:
http://demo.joomshaper.com/2017/shopin/index.php/blog
  1. more than a month ago
  2. General discussions
  3. # 2
Hmmm, sure? Because in Shopin Template there is:
http://demo.joomshaper.com/2017/shopin/index.php/blog


Yep, thanks for the headsup. This is achieved through a blog override. Please, inspect the SHOPIN template folder -> HTML -> com_content -> category ->

Different color per category is possible, too. You would have to modify the same blog override to get the article's category ID . Then use that number to create a CSS class name. This class could be on a surrounding container or the headline tag... Then you can assign any color or property in your template's CUSTOM CSS.

Hope this helps.


Perfect, thank you :)
  1. more than a month ago
  2. General discussions
  3. # 3
Hi,
By default this layout isn't included with all the templates. But if you want you can get this layout in the following way:
step:1 copy this code into main.js

//Blog Masonary
$(window).on("load", function () {
$('.items-masonary').masonry({
// options...
itemSelector: '.masonary-item'
});
});

step:2 copy this attached file into js folder.

step:3 Add masonry.min.js to the function addJS() in this location templates/shaper_helix3/index.php
It'll looks like this

->addJS(‘bootstrap.min.js, jquery.sticky.js, masonry.min.js, main.js’) // JS Files


step:4 Lastly set your blog option like this https://prnt.sc/iin9v0

And you are done.

-Thanks
Attachments (1)
  1. more than a month ago
  2. General discussions
  3. # 4
Hi,
By default this layout isn't included with all the templates. But if you want you can get this layout in the following way:
step:1 copy this code into main.js

//Blog Masonary
$(window).on("load", function () {
$('.items-masonary').masonry({
// options...
itemSelector: '.masonary-item'
});
});

step:2 copy this attached file into js folder.

step:3 Add masonry.min.js to the function addJS() in this location templates/shaper_helix3/index.php
It'll looks like this

->addJS(‘bootstrap.min.js, jquery.sticky.js, masonry.min.js, main.js’) // JS Files


step:4 Lastly set your blog option like this https://prnt.sc/iin9v0

And you are done.

-Thanks

Thank you a lot :) i'll try it for sure in next days.
  1. more than a month ago
  2. General discussions
  3. # 5
You are most welcome :)
  1. more than a month ago
  2. General discussions
  3. # 6
hi all
Is the procedure also valid for the template helix ultimate?
  1. more than a month ago
  2. General discussions
  3. # 7
Hi, need masonry grid blog in helix ultimate to.
I follow your guide but it doesn't works. Any help, please? Thanks
  1. more than a month ago
  2. General discussions
  3. # 8
Hi!

I follow this guide for another template - fanatic for example, but it doesn't work..... :(
  1. more than a month ago
  2. General discussions
  3. # 9


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.