JoomDev: Full Text Image (1/1)
Welcome, Guest
Username: Password: Remember me

TOPIC: Full Text Image

Full Text Image 10 months 18 hours ago #4005

  • klas
  • klas's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
How to set the margin between the image and the text (in the highlighted attachment). In the joomla.less file I seem to be correct.
Attachments:
The administrator has disabled public write access.

Full Text Image 10 months 16 hours ago #4007

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 1953
  • Thank you received: 316
  • Karma: 53
Hi,

Can you share the code? So I can provide your the better solution.

Thanks
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Full Text Image 10 months 15 hours ago #4010

  • klas
  • klas's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
// Article Images
//

.article-intro,
.article-content {

// Make the image reponsive.


// Add proper margin
img[align=left],
.img_caption.left,
.pull-left.item-image {
margin: 10px;
}

img[align=right],
.img_caption.right,
.pull-right.item-image {
margin: 10px;
}

}

.article-content {
iframe {
@media (max-width: @screen-sm) {
width: 100% !important;
height: auto;
}
}
}

.img-intro-none,
.img-intro-left,
.img-intro-right,
.img-fulltext-none,
.img-fulltext-left,
.img-fulltext-right,
.img_caption {
position: relative;
}

.img-intro-none,
.img-intro-left,
.img-intro-right,
.img-fulltext-none,
.img-fulltext-left,
.img-fulltext-right,
.img_caption {
margin-bottom: 10px;
max-width: 100%;
}

.img-fulltext-left {
float: left;
margin-right: 10px;
}

.img-fulltext-right {
float: right;
margin-left: 10px;
}

.img-intro-none img,
.img-intro-left img,
.img-intro-right img,
.img-fulltext-none img,
.img-fulltext-left img,
.img-fulltext-right img {
margin: 10px;
}

// Image caption
.img_caption img {
margin-bottom: 1px !important;
}

.img_caption p.img_caption {
background: @gray-lighter;
color: @gray;
font-size: @font-size-small;
width: 100%;
margin: 10px;
padding: 5px;
text-align: center;
clear: both;
}


// Reponsive Article Images
@media screen and (max-width: @screen-xs-max) {
article img[align=left], .img_caption.left,
article img[align=right], .img_caption.right,
.img-fulltext-left, .img-fulltext-right {
float: none !important;
margin-left: 10px;
margin-right: 10px;
width: 100% !important;
}
}
The administrator has disabled public write access.

Full Text Image 9 months 4 weeks ago #4012

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 1953
  • Thank you received: 316
  • Karma: 53
No, I need article code or how you publish this article.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Full Text Image 9 months 4 weeks ago #4014

  • klas
  • klas's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
Article code:

<p style="text-align: justify;">W dniu 17 czerwca 2017 w Częstochowie już po raz siódmy odbywały się <strong>obchody święta 27 Pułku Piechoty</strong>. Organizatorami byli: <strong>Urząd do Spraw Kombatantów i Osób Represjonowanych, Ogólnopolski Związek Byłych Żołnierzy Konspiracyjnego Wojska Polskiego i Urząd Miasta Częstochowy</strong>.</p>
<p style="text-align: justify;">Pierwszą część uroczystości stanowiła msza święta „<strong>Za poległych, zamęczonych i zmarłych żołnierzy 27 Pułku Piechoty oraz 7 Dywizji Piechoty</strong>” celebrowana w kościele pod wezwaniem <strong>Św. Jakuba Apostoła</strong>. Po zakończeniu mszy nastąpił przemarsz uczestników uroczystości pod <strong>pomnik Pierwszego Marszałka Polski Józefa Piłsudskiego na Placu Biegańskiego</strong>, gdzie w asyście pocztów sztandarowych odbyło się złożenie kwiatów przez delegacje uczestniczące w uroczystości.</p>
<p style="text-align: justify;">W uroczystościach uczestniczył poczet sztandarowy, Dyrektor Mariusz Zawada oraz delegacja młodzieży.</p>

Article published by joomla articles component. I do not use K2.
The administrator has disabled public write access.

Full Text Image 9 months 4 weeks ago #4018

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 1953
  • Thank you received: 316
  • Karma: 53
Hi,

Please paste the code in template.less file

.article-image-full {
    padding-right: 30px;
}

Path: TEMPLATENAME/less/template.less

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Full Text Image 9 months 4 weeks ago #4031

  • klas
  • klas's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
It works.

Thank you very much for the prompt help.
The administrator has disabled public write access.

Full Text Image 9 months 4 weeks ago #4032

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 1953
  • Thank you received: 316
  • Karma: 53
Sounds good. Let us know if we can help with anything else?

If you like the support, go ahead and tweet to us at @joomdev with your kind words.

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
Time to create page: 0.365 seconds