Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to change Startup biz-template latest posts-listing similar to how it is in Tixon-template

Featured Lock Resolved Task
Hello,

I'd like to know How to change Startup biz-template latest posts-listing similar to how it is in Tixon-template?

See my attachment.

Attachments (1)

  • image1.jpg
    image1.jpg 205.4 KB

9 Answers

Rifat Wahid Alif - Staff

More than a month ago #Permalink
Hi,
You can do a thing, copy this following folder from tixon: /templates/shaper_tixon/html/com_content and paste it to your template in same location and also you have to copy only blog css from less file.

- Thanks

laurip

More than a month ago #Permalink
Rifat Wahid Alif wrote:

Hi,
You can do a thing, copy this following folder from tixon: /templates/shaper_tixon/html/com_content and paste it to your template in same location and also you have to copy only blog css from less file.

- Thanks


Thanks,

I did the first thing from your instructions, but where can I find this "less file"?

Rifat Wahid Alif - Staff

More than a month ago #Permalink
Hi,
Please go to '/templates/shaper_tixon/less/theme.less here you will get a section in 3495 no line like this:

/* *********** 	  (Component - Article) 	      *********** */
/* *********** START Blog Listing & Details ********** */
/* *************************************************************** */


copy the whole section and paste it to yours theme.less file

- Thanks

laurip

More than a month ago #Permalink
Rifat Wahid Alif wrote:

Hi,
Please go to '/templates/shaper_tixon/less/theme.less here you will get a section in 3495 no line like this:

/* *********** 	  (Component - Article) 	      *********** */
/* *********** START Blog Listing & Details ********** */
/* *************************************************************** */


copy the whole section and paste it to yours theme.less file

- Thanks


Thank you thousand times!

Only had to copy also some css code from template.css to make it work properly(background image was still cover size).

But there's another problem.. How do I get it to show intro text of the article?

I know there's already solution here to pagebuilder latest post https://www.joomshaper.com/forums/how-to-show-article-text-in-blog-layout-mode

But that doesn't work if you select menu item type: category blog from the basic joomla menu items. Can you help me with that?

Sorry about the bad english...

laurip

More than a month ago #Permalink
laurip wrote:

Rifat Wahid Alif wrote:

Hi,
Please go to '/templates/shaper_tixon/less/theme.less here you will get a section in 3495 no line like this:

/* *********** 	  (Component - Article) 	      *********** */
/* *********** START Blog Listing & Details ********** */
/* *************************************************************** */


copy the whole section and paste it to yours theme.less file

- Thanks


Thank you thousand times!

Only had to copy also some css code from template.css to make it work properly(background image was still cover size).

But there's another problem.. How do I get it to show intro text of the article?

I know there's already solution here to pagebuilder latest post https://www.joomshaper.com/forums/how-to-show-article-text-in-blog-layout-mode

But that doesn't work if you select menu item type: category blog from the basic joomla menu items. Can you help me with that?

Sorry about the bad english...



Hello,

Can anyone help me with this?

Rifat Wahid Alif - Staff

More than a month ago #Permalink
I am going to forward it to support manager.

- Thanks

laurip

More than a month ago #Permalink
Rifat Wahid Alif wrote:

I am going to forward it to support manager.

- Thanks


Thanks,

Has the support manager come up with any solution?

Toufiq - Staff

More than a month ago #Permalink
Dear,

Thanks for your query. Please give me your site url, admin info, hosting info with forum post url via pm.

-Thanks

Toufiq - Staff

More than a month ago #Permalink
Dear,

Thanks for your query. Please follow the below instruction to solve your query. If you need more help, please let us know.

1. Go to tixon latest post addon below path and copy site.php file
templates\shaper_tixon\sppagebuilder\addons\latest_posts\site.php
2. Replace the below path site.php file
templates\shaper-startup-biz\sppagebuilder\addons\latest_posts
3. Go to below path & open copy below css from theme.less file

.sppb-latest-post{
padding: 60px 20px 60px 0;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
position: relative;
z-index: 1;
overflow: hidden;
margin-bottom: 30px;

&:before {
content: "";
position: absolute;
top: 0;
left: 5%;
width: 100%;
height: 100%;
background-image: -webkit-linear-gradient(to right,rgba(255,255,255,0),#ffffff 20%);
background-image: linear-gradient(to right,rgba(255,255,255,0),#ffffff 20%);
z-index: -1;
}
.date{
margin-bottom: 10px;
}
.entry-title{
font-weight: 500;
font-size: 20px;
margin-bottom: 10px;
margin-top: 10px;
}
.info span{
margin-right: 20px;
}
.category{
text-transform: capitalize;
}
}

4. Remove existing latest post css from theme.less file
.sppb-addon-latest-posts {
.latest-posts{
.latest-post{
width: 100%;
float: left;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
.latest-post-inner{
padding: 180px 50px;
position: relative;
span, a, p, i, .entry-author{
color: #fff;
position: relative;
}
a:hover{
color: rgba(255, 255, 255, 0.7);
}
&:before{
content: "";
.transition(400ms);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}

&:hover:before{
opacity: 1;
}
}

.entry-meta {
margin: 0 -10px;
>span {
display: inline-block;
margin: 0 10px;
font-size: 16px;
line-height: 16px;
>i {
margin-right: 5px;
}
}
}

h2 {
margin-top: 10px;
font-size: 36px;
line-height: 48px;
font-weight: 500;
margin-bottom: 0;
}

}
}
}


-Thanks


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 128
Sifat

Sifat

Total Accepted Answers: 89
Toufiq

Toufiq

Total Accepted Answers: 45
Pavel

Pavel

Total Accepted Answers: 6
Sohan

Sohan

Total Accepted Answers: 5

114

Templates

292863

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us