Reduce size of facts widget

Hello,

I’m not sure of it’s possible, but I’d love to be able to reduce the size of the facts widget on the industries page:

http://todoutsourcing.com/industries-2/

You will see that I have two lines stacked on top of each other. If it’s possible, I’d love to be able to shrink the size and right align them in order to insert a photo to the left. Let me know if that’s possible.

Thanks so much

Hello,

Can you please provide some explanatory screenshots in order to illustrate what you want to achieve?

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online screenshot services.

Kind Regards, Roman.

Oh, sorry I forgot to include the link:

http://todoutsourcing.com/industries-2/

I’d like to reduce the size of these icons + text, so they do not take up the entire width of the screen. I’d like there to still be two lines, but would like the size to allow me to put them at 1/2 width, if that makes sense. Then, I can insert an image on the left- next to the facts wdidget.

Here’s an example of how I’d like it to look:
https://www.conectys.com/industries.html

(instead of there being text, it would be an image)

Hope this makes sense.

Thanks!

Okay, please try to do the following.

  1. Log in to your website.

  2. Go to the page that you mentioned above and click Customize button in toolbar on the very top.

  3. Edit facts widget, expand its Styling section, and select 1/2 Width for Widget width.

  4. Add image widget right before facts widget and select 1/2 Width for it as well.

  5. Click Save & Publish button.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hey Roman,

Thanks so much. The only issue that they are not stacked just under each other, like in the example link. The second line comes under the photo I inserted. I set the padding to 0, hoping that would help, but it didn’t.

Do you have any suggestions?

http://todoutsourcing.com/industries-2/

Thank you

Hello,

You can try to do this with jQuery.

  1. Please install and activate Insert Headers and Footers plugin that will allow you to insert JavaScript (jQuery) code.

  2. Go to your DashboardSettingsInsert Headers and Footers → add the following code to Scripts in Header section, and click Save button:

<script type='text/javascript'>
    jQuery(document).ready(function(){
        jQuery('section#atframework_facts-8').insertAfter('section#atframework_facts-10');
    });
</script>

Please note that this code should work properly only with your current widgets configuration, it won’t work when you change/move these widgets.

Kind Regards, Roman.

Okay, thanks for your response. I still couldn’t get it to work, but I’ll just do something differently :slight_smile:

Okay,

Please let me know if you need more help! :slight_smile:

Kind Regards, Roman.