Joomla Templates Club 406,261 posts

[bacaro Friend bacaroJoin date: July 2014Posts: 3Downloads:0Uploads:1]

#201858

Dear Team,

I would like to ask you regarding features-intro layout. Is it somehow possible to incorporate same layout into article?
I’ve tried to implement that with code added to article as follows
<div class=”row-feature row-feature-secondary clearfix inview”>
<div class=”container”>
<div class=”row row-feature-ct”>
<div class=”custom row-feature-secondary clearfix “>
<div class=”col-sm-12 col-md-6 about-us”>
<div class=”ja-animate” data-animation=”move-from-left”>
<h4 class=”row row-feature-title”>HEADER</h4>
<p>Some text</p>
</div>
</div>
<div class=”col-xs-12 col-sm-4 col-md-6 about-img”>
<div class=”ja-animate” data-animation=”move-from-right”><img src=”images/im.png” alt=”” />
</div>
</div>
</div>
</div>
</div>
</div>
but I’ve got problems with images and sizing with resolution 1024×768. What more sections are not expanded to the whole width…

Could you please help?

Sincerely,
Łukasz

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#551943

since the article is within the container you can’t achieve this.

if we do any changes on css for this, all the article page would be affected.

please advice

[bacaro Friend bacaroJoin date: July 2014Posts: 3Downloads:0Uploads:1]

#551957

I’m fine with that if you’re able to manage with some IDs, classes or something else that you want single section (can be single features-info) or features-info like with many sections.

Other option would be to stick to current version if images would position / scale correctly.
I’ve tried to add some trimmed picture but I wasn’t able to align it with the section edge (as it is with Daniele Zedda picture on ja_sugite demo page). There is additional padding which prevents from adding such cool look.

In the end everything seems connected, I thing both scenarios might address this issue.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#552074

Add this code to this file: templates/ja_sugite/css/custom.css

.itemid-132 .container.t3-mainbody {
padding: 0;
width: 100%;
}

.itemid-132 .item-page .article-header, .itemid-132 .item-page .clsPad{
padding-left: 40px;
padding-right: 40px;
}

2. Replace this code in the article content

<h4>Flamboyage, balayage, ombre…</h4>
<p><br>Wszystkie pojęcia kryją za sobą nowoczesne techniki farbowania włosów. Nie każdy zdaje sobie jednak sprawę czym różnią się poszczególne metody i dla kogo są przeznaczone. Dlatego chcielibyśmy podzielić się  z Państwem naszą wiedzą i przedstawić krótkie porównanie flamboyage, balayage i ombre. Te krótkie charakterystyki oraz pomoc naszych profesjonalistów z pewnością pomogą Państwu znaleźć idealną koloryzację na lato.</p>

with

<div class="clsPad">
<h4>Flamboyage, balayage, ombre…</h4>
<p><br>Wszystkie pojęcia kryją za sobą nowoczesne techniki farbowania włosów. Nie każdy zdaje sobie jednak sprawę czym różnią się poszczególne metody i dla kogo są przeznaczone. Dlatego chcielibyśmy podzielić się  z Państwem naszą wiedzą i przedstawić krótkie porównanie flamboyage, balayage i ombre. Te krótkie charakterystyki oraz pomoc naszych profesjonalistów z pewnością pomogą Państwu znaleźć idealną koloryzację na lato.</p>
</div>

[bacaro Friend bacaroJoin date: July 2014Posts: 3Downloads:0Uploads:1]

#552364

thanks for the answer, I’ve added code above, but still there is some 40px gap.
I’ve prepared additional test article with location as follows:
test3/index.php/fryzjerstwo/remove-me

.itemid-132 .item-page .article-header, .itemid-132 .item-page .clsPad{
padding-left: 0px;
padding-right: 0px;
}

but padding was still visible.

What more, image is ove
What do you think is it possible to set 0px padding?

What more interesting old page (test3/index.php/fryzjerstwo/koloryzacja) is now without padding but following code related image

<div class="row-feature clearfix inview">
<div class="container">
<div class="row row-feature-ct">
<div class="custom clearfix ">
<div class="col-sm-12 col-md-6 about-us">
<div class="ja-animate" data-animation="move-from-left">
<h4 class="row row-feature-title">Balayage.</h4>
<p>Wbrew potocznej opinii nie jest tym samym co pasemka.</p>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-6 about-img">
<div class="ja-animate" data-animation="move-from-right"><img src="images/hairstylist/Balayage.png" alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
occurs at the very bottom of the page.
What more image overlays text when browser window is narrow.

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#552408

This would be considered as customization. you can find people in joomlancers.com

you will get a good help

[Author]

Posts