Joomla Templates Club 406,261 posts

[quickk Friend quickkJoin date: May 2009Posts: 19Downloads:0Uploads:0 Thanks: 4]

#141546

Hi,

I tried replacing the image and text in the about author module (which makes a picture and text appear in the very top right corner of JA Mica), but I don’t get the same results. Here’s what I’d like to do:

1. Get the border around my image (just like in the live demo)
2. Use a larger image, but still have it vertically centered.

Thanks!

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#306172

pls send your live site, allow me to help you
thanks

[quickk Friend quickkJoin date: May 2009Posts: 19Downloads:0Uploads:0 Thanks: 4]

#306181

Thank you for the offer. Unfortunately I don’t have a live version of this site yet, just a local copy…

[quickk Friend quickkJoin date: May 2009Posts: 19Downloads:0Uploads:0 Thanks: 4]

#307099

Ok, this is ridiculous! I deleted my joomla installation, re-installed the quickstart version of the JA Mica demo to get back the initial “about author” module. I then edited the “about author” module and changed absolutely nothing except replace the original image (sam-7.jpg) with another image with the exact same dimensions. I applied this change, and reloaded my site and, guess what, this messed up the about author picture on the home page:

-The text is now below the picture (I can only see “Hi There!”, the rest is cut off)
-The thin image border is gone.

I tried replacing the original picture, but the problem persists. What gives????

[theprofessor Friend theprofessorJoin date: March 2009Posts: 365Downloads:0Uploads:0 Thanks: 47 Thanked: 64 times in 18 posts]

#307104

Don’t know if this will fix your problem, but try to make sure that when you insert your image that you select a position for it (ie left or right).

Sometimes not selecting a position can cause problems.

[quickk Friend quickkJoin date: May 2009Posts: 19Downloads:0Uploads:0 Thanks: 4]

#307108

I checked the original picture’s properties, and there was no alignment or other parameters that were specified. Also, in the editor, the picture was on the top. When I replaced the picture, everything looked the same in the editor, but on the webpage the text was moved below the picture.

I then did as you suggested and specified the picture to be right-aligned and this worked except for the fact that the text is stuck right up against the image. Increasing the horizontal space in the text editor has no effect.

I’m surprised that the template is so easy to break 🙁

P.S. I’m using the latest joomla version, and firefox 3.0.10

[theprofessor Friend theprofessorJoin date: March 2009Posts: 365Downloads:0Uploads:0 Thanks: 47 Thanked: 64 times in 18 posts]

#307109

I had the exact same problem. Not sure if there is a ‘proper’ fix for it, so I used Firebug’, fiddled around with the css, and made the changes to the css.

If someone has another solution to this issue, Iwould love to hear it.

[quickk Friend quickkJoin date: May 2009Posts: 19Downloads:0Uploads:0 Thanks: 4]

#307117

That’s interesting. I installed the firebug extension (it’s pretty nifty!) and am learning how to use it. If you don’t mind my asking, what did you change to get the right spacing between the text and the image and the thin border around the picture?

Thanks!

[quickk Friend quickkJoin date: May 2009Posts: 19Downloads:0Uploads:0 Thanks: 4]

#307122

I found the problem: the image next to the “Hi there!” text is a special class of image called “img-border”. When you edit this image (say to replace it with your own) with one of the joomla editors, this class gets changed to a simple image.

The solution is to replace:

<img width="60" height="60" border="0" alt="Sample image" src="/images/stories/your_image.jpg"/>

with

<img class="img-border" alt="Sample image" src="/images/stories/your_image.jpg"/>

I found this out by using firebug to compare the source before and after editing the image.

[Author]

Posts