Jump to content

Archived

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

saar121

iBox and counters problem :[

Recommended Posts

saar121

1. iBox doesnt give me an option to leave only a Title or only a text.. if i leave them blank, as i want, after refreshing it gives me the "lorem posem" or "iBox 3" .. 

i just want to make counters (instead of the icons) and underneath i want to write a sentence. but right now it's impossible for me to do. 

 

2. can i have a number in the counter option but also a static "%"  next to the number? 

if yes, then it's impossible too. i write "67%" and the counter works only with the 67, the % sign disappear.

 

Thanks so much.

:)

Share this post


Link to post
Share on other sites
Danny

Hi,

 

1. Yeah you have to fill out both fields, I have reported this to our tracker to make them optional. In the mean time, add the following to a field you wish to have no content.

 

 

 

2. In regards to the Counter, you're not able to add a percentage, only numbers, again I have added this to our tracker as a minor feature request.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
saar121

Thank you very much!

 

ho, BTW,

how do i change text's size and style to elements like iBox's text?

Share this post


Link to post
Share on other sites
Danny

The text inherits the size from your settings in Typography. If you wish to increase this size you will need to use custom CSS.

 

However, to make this easier for you, all sections include the Styling Classes field. In the iBox styling classes field, add the following:

 

ibox-text-large
 
Then in your custom CSS, add the following:
 
.ibox-text-large {
font-size: 22px;
line-height: 1.3;
}

 

Change these values, to whatever you like.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
saar121

thanks so much Danny!

have a good day!

:)

Share this post


Link to post
Share on other sites
saar121

thanks.

sorry for bothering again!!

 

im trying to upload photos that their size is more than 2mb and it wont allowed me to upload it says the size limit is 2mb.

i checked the php.ini :

magic_quotes_gpc = Off;
register_globals = Off;
default_charset = UTF-8;
memory_limit = 64M;
max_execution_time = 36000;
upload_max_filesize = 999M;
safe_mode = Off;
mysql.connect_timeout = 20;
session.use_cookies = On;
session.use_trans_sid = Off;
session.gc_maxlifetime = 172800;
allow_url_fopen = on;
;display_errors = 1;
;error_reporting = E_ALL;
 

 

so the limit as of the php.ini is 999mb.

what do i do wrong?

 

and if it's too complicated, is there a way to upload the video/photo to a folder inside the WP folders and then to reach them from those folders? 

Share this post


Link to post
Share on other sites
Danny

We only allow one question per topic, your original question has been resolved. Therefore, in future please refrain from asking multiple question per topic, only one per topic is allowed.

 

To answer your question, you shouldn't be uploaded an image that is 2mb large that is insanely large image size especially to use in iBoxes, that file size is even too large in my opinion for a background image. WordPress has a image size limit of 2mb, see here for how to increase it. 

 

http://www.wpbeginner.com/wp-tutorials/how-to-increase-the-maximum-file-upload-size-in-wordpress/

 

However, I wouldn't recommend uploading an image of that size. If you have any further issues please create a new topic.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
saar121

Ok, you're right. 

thanks for helping

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • stijnxo
      By stijnxo+
      Is there a way to disable the responsive function of your iBoxes?
      I do not want all iBoxes underneath each other on mobile, is there a way to fix columns or group boxes?
      I use them for small links and want them to stay next to each other, see attachment
      Please let me know.



    • Queue-it
      By Queue-it+
      Hi,
      Is it possible to have any other numbers in the counter of iProduct extension than the ones listed? Anything above 1000? 
      Thanks
    • Audun MB
      By Audun MB+
      I've added a number option (ie the first box has a 1 next to or above, second box has 2, etc) to iBoxes in DMS (as a custom section), and I'd like that for PL5 Boxes as well. Adding it for iBox was quite easy:
      First this: 'opts' => array( 'icon' => array( 'name' => __( 'Icon Font', 'pagelines' ) ), 'count' => array( 'name' => __( 'Counter', 'pagelines' ) ), 'image' => array( 'name' => __( 'Images', 'pagelines' ) ), 'numb' => array( 'name' => __( 'Number', 'pagelines' ) ), 'text' => array( 'name' => __( 'Text Only, No Media', 'pagelines' ) ) And then this } elseif( $media_type == 'numb' ){ $background = ($color) ? sprintf('<span class="invert-icon" style="background-color: %s;"></span>', $color) : ''; $media_html = sprintf( '<i class="iii icon iboks-number" style="%s">%s</i>%s', $text_color, $count, $background ); } And some CSS (though I used the style for icon mostly). iBox already did know which number the box had in the sequence, so adding the number was quite simple. 
      The Boxes code, and PL5 code in general, is a bit mor complex with javascript (with Knockout) and php, and some CSS cheats. It took me a while to figure out how it works, and I'm not sure I quite grasp it yet.
      Adding a number option to the media array is the same as iBox:
      array( 'key' => 'ibox_media', 'type' => 'select', 'opts' => array( 'icon' => array( 'name' => __( 'Icon Font', 'pl-section-boxes' ) ), 'count' => array( 'name' => __( 'Counter', 'pl-section-boxes' ) ), 'boxnumb' => array( 'name' => __( 'Numbering', 'pl-section-boxes' ) ), 'image' => array( 'name' => __( 'Images / SVG', 'pl-section-boxes' ) ), 'text' => array( 'name' => __( 'Text Only, No Media', 'pl-section-boxes' ) ) ), 'default' => 'icon', 'label' => __( 'Select iBox Media Type', 'pl-section-boxes' ), ), In the section template I'll add a line for the boxnumber. In addition I have to add variuous boxnumb classes in the build.less file to make it hidden by default and style it.
      function section_template(){ ?> <script type="text/html" id="boxes-template"> <a class="boxes" data-bind="class: boxclass() + ' pl-col-sm-' + $root.ibox_cols(), plhref: link" > <div class="boxes-pad" data-bind="class: 'pl-control-'+ $root.ibox_format()"> <div class="boxes-media media-left"> <span class="the-boxes-media pl-animation pl-appear" data-bind="class: 'media-'+$root.ibox_media(), style: { color: color, width: $root.image_width() + 'px', opacity: $root.image_opacity}"> <div class="pl-image" data-bind="plbg: image, class: $root.image_format"></div> <span class="pl-counter" data-bind="pltext: count"></span> <span class="pl-boxnumb" data-bind="pltext: ?numbervalue?"></span> <i class="boxes-icon pl-icon" data-bind="class: 'pl-icon-'+icon()"></i> </span> </div> <div class="boxes-text media-right"> <h3 class="boxes-title" data-bind="pltext: title"></h3> <div class="boxes-desc" data-bind="pltext: text"></div> </div> </div> </a> </script> Where I'm stuck is how to get the number to supply to pltext. Since the boxes are numbered in the configuration panel (showing as Item 1, Item 2, ...) I guess there is something in the code that could give me the box number, but what would that be? Finding it in the pure php code of iBox was quite easy, but the Javascript-Knockout.js-PHP code in PL5 isn't that easy to read. 
      I realise that I'm developer terrority now, but I'd appreciate any help. I guess this could be useful for more people if get it to work. Maybe it should be added as a standard option? "X things you need to know" or similar is staple website content and the Boxes section is ideal for that with numbers. On our website the "X things you need to know"-pages is half our traffic. 
    • laka74
      By laka74+
      Dear support,
      I'm having problems using the iBox - can't change anything or delete it ?!
      http://seriousplay.training/
      Best
      regards
      Lasse Kramer
    • Audun MB
      By Audun MB+
      I'd like to have the images in iBox to look different with the following CSS. This works when manipulating the CSS with Inspect element in Chrome, but I can't get it to work as a class. Here's the class:
      .imagecontain {     border-radius: 1px;     background-size: contain;     background-repeat: no-repeat;       } This is from my style.less in the child theme. I applied the class to the iBox with custom class option, though nothing happens. How to fix that? How do I target only the div with the image in with CSS?
×