homepage column padding not correct on mac

[Rachel]

Hello,

My client viewed the homepage on a laptop and it was fine but when she viewed it on her mac the padding for the homepage columns was wrong. Please let me know how this can be fixed. Thanks.

[Rachel]

I tried to attach the screen shot of the issue but it is not attaching even though it shows inserted. Please let me if you get it.

[Sushil Adhikari]

unfortunately I do not see it….send it to me via Email Support or if you have a link to the site, that would work better.

[Rachel]

The site is not live so you can not see it. I uploaded the screen shot to their server, link below. Thanks

http://www.solovyovalawfirm.com/Screenshot%20for%20Rachel.png

[Sushil Adhikari]

OK, I think I know what it might be….in the code for each widget you put the content and image in, remove the container that wraps the image with this class “imageframe” so that you just have the image tag but this time, add the imageframe class to it. Like this sample from my live demo:

See if that works. If not, can you paste your code from one of those widgets in the forum here? When you paste it, highlight the code and click on the editor button code display so that it wraps it in a container like my code above.

NOTE: I just noticed you posted this in the “Celestial” forum category. is this the older Celestial theme or Celestial Reloaded?

[Rachel]

sorry celestial reloaded, didn’t realize there were 2 celestials.

Meet Your Attorney
Sophia Solovyova handles all aspects of Immigration Law, focusing on family- and employment-based petitions, deportation defense, and criminal immigration.

Before setting up private practice, Ms. Solovyova worked at several leading immigration and civil rights firms.

I tried replacing the <div class="imageframe" with <img class="imageframe" and the page got completely distorted. I am not sure if that was correct. The issue is not yet corrected. Thank you for your assistance. 🙂

[Sushil Adhikari]

Distorted tells me it became a broken layout…. when you removed the div did you also remove the closing part as well? You also had some code backwards…you had an opening

just before the closing

Meet Your Attorney
Sophia Solovyova handles all aspects of Immigration Law, focusing on family- and employment-based petitions, deportation defense, and criminal immigration.

Before setting up private practice, Ms. Solovyova worked at several leading immigration and civil rights firms.

Anyway, I’m not sure what I can do here because I do not have a MAC to test and troubleshoot this. Technically the code should be working because it’s basic HTML and CSS. Also, it’s not really OS (operating system) related, it’ll be the browser she is using. If she is on an older version of Safari that needs updating or some other kind of browser that is not up to date, this could be the problem. Ask her if she could try another browser on her MAC like Chrome or Firefox if she has it and see what happens.

[Rachel]

ok, will do. thanks.

[Sushil Adhikari]

Also double check the code in the widgets for each one because it could be a simple thing such as code missing a quote mark or an opening or closing tag, or just out of place (such as the

and you had. Some browsers are very forgiving on things like that while others are not.

UPDATE: I”m also thinking of another possible solution. Make the thumbnails at 370px in width, or just under perhaps 360px.

[Rachel]

I entered the code you supplied and here is the screen shoot of the page. I am baffled as to how this can be fixed. Is there a way to get the banner added to a page and I can use a plugin to duplicate the 3 columns rather than the widgets?

http://www.solovyovalawfirm.com/screen-shot1.jpg

[Rachel]

I will try that. thanks

[Sushil Adhikari]

OK….there is broken code somewhere which is why you are seeing that. Is there a way I can log into the admin of this site? If so, please contact me HERE

[Author]

Posts