Support Forums

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

Your Time: Our Time:

Blog Article View Fix?

Featured Lock Resolved
Hi, i am wondering is there a way to make this page linked to a menu like a normal page instead of this fancy view. or at least a class to disable it and enable it on pages i want? see pic. thank you.

Attachments (1)

  • fix.jpg
    fix.jpg 365.4 KB

3 Answers

Toufiq - Staff

More than a month ago #Permalink
Dear,

Thanks for query. Sorry to say that, its not possible to set custom url in another menu. If you want to like this, you can use pagebuilder addon.

-Thanks

tonyworship

More than a month ago #Permalink
no no, let me re-write the question. i dont link this article view http://demo.joomshaper.com/2015/startup-biz/index.php/blog and want the standard joomla view like normal. how do i get it in this template back to normal view ?

this view looks okey for the blog but it overrides all articles with different uses and does not look right for other things.

thanks

Toufiq - Staff

More than a month ago #Permalink
Dear,

Thanks for your reply. Please follow the below steps. If you can't reach there, please let me know.

1. At first download attachment & replace below directory
startupbiz\templates\shaper-startup-biz\html
2. Open theme.less file from below directory
templates\shaper-startup-biz\less
3. Remove css start blog to pagination css & replace below css

/* ************** START Blog *************** */
/* **************************************************** */
.article-info {
margin: 0 -8px 5px;
line-height: 12px;
>dd{
display: inline-block;
font-size: 12px;
color: #666;
text-transform: uppercase;
margin: 0 8px;
>i {
display: inline-block;
margin-right: 3px;
}
}
}

article {
&.item {
margin-bottom: 50px;
}
}

.tags {
margin-top: 20px;
>span {
text-transform: uppercase;
letter-spacing: 2px;
}
}

//Article Voting
.content_rating,
.content_rating + form {
display: none;
}

.voting-symbol{
unicode-bidi: bidi-override;
direction: rtl;
font-size: 14px;
display: inline-block;

span.star {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
display: inline-block;

&.active:before{
content: "\f005";
}

&:before{
content: "\f006";
padding-right: 5px;
}

}
}

.sp-rating {
span.star:hover:before,
span.star:hover ~ span.star:before {
content: "\f005";
cursor: pointer;
}
}

.post_rating {
margin-bottom: 20px;
.ajax-loader,
.voting-result {
display: none;
}
}

.post-format {
position: absolute;
top: 0;
left: -68px;
display: block;
width: 48px;
height: 48px;
font-size: 24px;
line-height: 48px;
text-align: center;
color: #fff;
border-radius: 3px;
}

.entry-image,
.entry-gallery,
.entry-video,
.entry-audio,
.entry-link {
margin-bottom: 30px;
}

.entry-status,
.entry-quote {
margin-bottom: 50px;
}


.entry-header {
position: relative;
margin-bottom: 30px;

&.has-post-format {
margin-left: 68px;
}

h2 {
margin: 8px 0 0;
font-size: 24px;
line-height: 1;
a {
color: #000;
}
}
}

.entry-link {
padding: 100px 50px;
position: relative;
z-index: 1;

a {
h4 {
margin: 0;
font-size: 36px;
color: #fff;
&:hover {
color:rgba(255, 255, 255, 0.85);
}
}
}

&:before {
position: absolute;
left: -60px;
font-size: 300px;
content: "\f0c1";
font-family: FontAwesome;
transform: rotate(90deg);
top: -75px;
color: rgba(255, 255, 255, 0.15);
z-index: -1;
}
}

.entry-quote {
position: relative;
padding: 80px 50px;
color:rgba(255, 255, 255, 0.9);

&:before {
position: absolute;
left: -40px;
font-size: 300px;
content: "\f10e";
font-family: FontAwesome;
transform: rotate(15deg);
top: -75px;
color: rgba(255,255,255,0.15);

}

blockquote small {
color: #FFF;
font-weight: 600;
font-size: 20px;
}

blockquote {
padding: 0;
margin: 0;
font-size: 16px;
border: none;
}
}

.carousel-left,
.carousel-right {
position: absolute;
top: 50%;
font-size: 24px;
width: 36px;
height: 36px;
line-height: 36px;
margin-top: -18px;
text-align: center;
color: #fff;
background: rgba(0, 0, 0, 0.5);
border-radius: 4px;
-webkit-transition: 400ms;
transition: 400ms;

&:hover {
color: #fff;
}

&:focus {
color: #fff;
}
}

.carousel-left {
left: 10px;
}

.carousel-right {
right: 10px;
}

.newsfeed-category {
.category {
list-style: none;
padding: 0;
margin: 0;

li {
padding: 5px 0;
}
}

#filter-search {
margin: 10px 0;
}
}

.category-module,
.categories-module,
.archive-module,
.latestnews,
.newsflash-horiz,
.mostread,
.form-links,
.list-striped {
list-style: none;
padding: 0;
margin: 0;

li {
padding: 2px 0;

h4 {
margin: 5px 0;
}
}
}


// End Blog

4. Open presets.less file and remove below css

//Blog, blog-featured
.blog,
.blog-featured{
article.item{
background-color: darken(@text_color, 5%);
}
}



-Thanks

Attachments (1)

  • com_content.zip 14.1 KB


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 144
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 119
Toufiq

Toufiq

Total Accepted Answers: 64
Pavel

Pavel

Total Accepted Answers: 5
Peter Atkin

Peter Atkin

Total Accepted Answers: 2

100+

Templates

200,000+

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