Joomla Templates Club 406,261 posts

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#204935

Hellou,
how to delay circle shape form all image from : OUR SERVICE, Our Blog , and Testimonials

I ‘d like at this point to have a reduced image, as it works by inserting intro image and fuul image in arcicle.
Please help

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#564258

Hi if you would like to make the image in center you can take a look in this .
thread
<blockquote>I ‘d like at this point to have a reduced image, as it works by inserting intro image and fuul image in arcicle.</blockquote>
Can you add a screenshot and illustrate the issue in it . So i can check it and suggest you some changes

1 user says Thank You to Pankaj Sharma for this useful post

1. dzidzuridza

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#564274

Our servis

blog

testimonials

Thank

---

Attachments:

1. 
2. 
3. 
4. 
5. 

[philip_nav Friend philip_navJoin date: September 2014Posts: 106Downloads:239Uploads:23 Thanks: 6 Thanked: 8 times in 1 posts]

#564291

Hi dzidzuridza

Change the image in our services module, here is the code if you want to add picture instead of circle
Create custom html module

<div class=”ja-special-content”>
<div class=”circle-icon”> <img src=”imagepath”></div>
<h4><a href=”/blog/news-updates/vote-for-sotm-september”>Web design</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<a class=”btn btn-link” href=”/blog/news-updates/vote-for-sotm-september”>Read more</a>
</div>

1 user says Thank You to philip_nav for this useful post

1. dzidzuridza

[philip_nav Friend philip_navJoin date: September 2014Posts: 106Downloads:239Uploads:23 Thanks: 6 Thanked: 8 times in 1 posts]

#564293

If you don’t want the circle

Change the code in your custom html from

<div class=”circle-icon”> <img src=”imagepath”></div>

To

<div> <img src=”imagepath”></div>

1 user says Thank You to philip_nav for this useful post

1. dzidzuridza

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#564300

thank you , I will try. But How to change in Blog?

[philip_nav Friend philip_navJoin date: September 2014Posts: 106Downloads:239Uploads:23 Thanks: 6 Thanked: 8 times in 1 posts]

#564304

I am sure will be working the same for the blog, good luck

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#564305

no…. the modul with name from the Blog is displays a list of articles from one or more categories. So… ? How to change? Any idea?

[philip_nav Friend philip_navJoin date: September 2014Posts: 106Downloads:239Uploads:23 Thanks: 6 Thanked: 8 times in 1 posts]

#564306

her is example to point to category or article, you need to change the code to suite your need
<div class=”ja-special-content”>
<div><img src=”imagepath”></div>
<h4><a href=”index.php?option=com_content&view=article&amp=id=148&catid=84&Itemid=566″>Web design</a></h4>
<p> lorem ipsum</p>
<a class=”btn btn-link” herf=”index.php?option=com_content&view=article&id=148&catid=84&Itemid=566″>Read More</a></div>

good luck

1 user says Thank You to philip_nav for this useful post

1. dzidzuridza

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#564323

Hello Is the above solution is worked for you ?

[philip_nav Friend philip_navJoin date: September 2014Posts: 106Downloads:239Uploads:23 Thanks: 6 Thanked: 8 times in 1 posts]

#564380

Hi Pankajsharma

Yes the solutions I have provide it work for me

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#564382

HI
Phil thanks for sharing it .
i am also waiting for update from @dzidzuridza so i can check it if solution is pending 🙂

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#564433

I paste the code with suggested philip_nav, but in module “OUR SERVICE” my image is there, but only text is moving. I module “from the Blog” nothing has changed, as I thought 🙁 still circle shape

[philip_nav Friend philip_navJoin date: September 2014Posts: 106Downloads:239Uploads:23 Thanks: 6 Thanked: 8 times in 1 posts]

#564436

<em>@dzidzuridza 465220 wrote:</em><blockquote>I paste the code with suggested philip_nav, but in module “OUR SERVICE” my image is there, but only text is moving. I module “from the Blog” nothing has changed, as I thought 🙁 still circle shape</blockquote>

My code is correct, I have got screen shot here, I am not sure if you want a circle or not circle, if you want a circle you need to customise custom CSS because the circle in the template is set to 150pxX150px

here is the code to make it larger in custom CSS:

.circle-icon {
height: 210px;
width: 210px;
}

<div class=”circle-icon”><img src=”imagepath”></div>
<h4><a href=”index.php?option=com_content&view=article&amp=id=148&catid=84&Itemid=566″>Web design</a></h4>
<p> lorem ipsum</p>
<a class=”btn btn-link” herf=”index.php?option=com_content&view=article&id=148&catid=84&Itemid=566″>Read More</a></div>

good luck

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#564437

thank you but I want…for exaple

---

Attachments:

1. 
2. 

[Author]

Posts