• 0
Sign in to follow this  
Followers 0

Sidebar issue in different browsers

Question

Posted · Report post

Hello, I just tested my site in two other browsers, Chrome and Safari and the sidebar I created is all out of whack on those pages. Images are stretched and what not. I have been using Firefox to do the editing. Any idea of what I can do to fix this? Thanks!

Share this post


Link to post
Share on other sites

11 answers to this question

  • 0

Posted · Report post

Can you post a link to your website?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Is there custom CSS you're using? If so, can you paste it here?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Catrina, Here's the custom css: h3.widget-title {color: #000000;} body #sidebar-wrap{background:#ffffff; border: 4px groove #777777;} body .one-sidebar-right #pagelines_content #sidebar-wrap, body .one-sidebar-right #buddypress-page #sidebar-wrap {width: 200px;} body .one-sidebar-right #pagelines_content #sidebar1, body .one-sidebar-right #buddypress-page #sidebar1 {width: 200px;}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Evan, On the image tag itself, did you add

stylel="height:100%;width:100%"

? If so, please try removing that and seeing if the problem persists in the other browsers.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Kate, I did have that in there. Now I removed it. What's the best way for me to resize those images without making the sidebar go crazy like it did? Thanks! Evan

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

on the image itself you can always add a width and height ex :``

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

For some reason when I change the width and height and try to center the image within the column the image won't center. Any suggestions for this? It works for the first image but none of the others are centered, they are all left justified. Thanks!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

for each image you can add `class="aligncenter"` right after the width and height attributes

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks Adam, I'll give that a try

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Also, if it's still not centering, you can use CSS to align the images.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0