Jump to content

Archived

This topic is now archived and is closed to further replies.

suerama

change size of ibox image

Recommended Posts

suerama+    2
suerama

I've tried to change the width of the better iBox image to 355px by using this css:

.better_iboxes .better_iboxes_media .better_iboxes_icon-border.media-type-image {width: 355px;}
 
I also tried using this class:
.my-rectangle {background-image: width: 355px;
height: 200px;
}

no luck yet!

Share this post


Link to post
Share on other sites
susannammore    0
susannammore

 I've meet the similar problem for image size setting. The original image has a width of 640 pixels and a height of 479 pixels. And I wanna to change its size to 300 x 250. 

Share this post


Link to post
Share on other sites
Donna111    0
Donna111

HI there

If you want to resize your  image proportionally, maybe it is more suitable for you to use an image processing tool which supports to do that directly.That would be more convenient.

They offer a detailed tutorial for new users.So just have a try.

Share this post


Link to post
Share on other sites
suerama+    2
suerama
 

Thanks for responding, Donna111, but, I'm not sure I understand your response. What tool are you proposing? I do know how to change image sizes generally, I'm a long-time photoshop user. What I didn't understand was how to change the default image size and shape in better iboxes. Since I received no support with this question I used text boxes instead.

Share this post


Link to post
Share on other sites
ahansson89    57
ahansson89

Hi, sorry for the late reply. Unfortunately I did not get a notification from the forum when the topic was created.

By default Better iBoxes does not support custom widths on images. When I created it I went over pros and cons by doing both and by allowing custom widths we would need some really nasty CSS which would not be supported by all the major browsers and android.

 

  • Like 1

Share this post


Link to post
Share on other sites
suerama+    2
suerama

Okay, thanks. I found another solution for my page.

Share this post


Link to post
Share on other sites
SabbakJohn    1
SabbakJohn

HI there

If you want to resize your  image proportionally, maybe it is more suitable for you to use an image processing tool which supports to do that directly.That would be more convenient.

They offer a detailed tutorial for new users.So just have a try.

Yeah,You were right.I used  image processing tool and I got the image the way I wanted.This tool is very helpful to resize image the way we want and now I can optimize images the way I want in my website with good image size that was in past hard to make use  of image the way I wanted but now this tool has helped me.

  • Like 1

Share this post


Link to post
Share on other sites

  • Similar Content

    • dreamsight
      By dreamsight+
      - { border-radius: 25%; width: 150px; height: 150px; }   im looking to do this on pictures used in Better iBoxes ^   please can you tell me the selector or how i can make this happen please, thanks
    • primetime
      By primetime+
      Hi,
       
      How do I update the number of boxes per row to 9?
       
      http://travelblogfest.com/free-online-photography-courses-for-beginners/free-lightroom-tutorials/
       
      Thanks,
      Vincent
    • tforasiepi
      By tforasiepi+
      Website URL:  http://bluelogicllc.net/texascenterurology/ Framework Version: DMS 2.04 WordPress Version: 3.9 Plugins in Use: Akismet, BE Subpages Widget,Better iBoxes, Dms Developer Tools, Select DMS, Professional Tools, Events Made Easy, Gravity Forms, PageLines Updater,WordPress SEO, WP-DBManager, WP Super Cache Server/Host:  HostGator   Details:  We are developing a new site and recently updated the site to DMS2 and all plugins were working correctly.  We then added a Child Theme called Nick's Base Theme and had to make some adjustments to the site, but all was good with the exception of the Better iBoxes plugin.  We had purchased, installed, and set it up prior to the DMS2 upgrade and Base Theme addition.  Now it does not give us the options we had before and believe it has switched back to the free version.     We want the boxes to be square.   We deleted the plugin and re-installed it, but it did not solve this issue.  When you are in the editor, the section title says "iBox linked to "Home Template" template".  Could this be causing the issue and if so, how can we fix it?   Thanks.   -Taama
×