Jump to content

Archived

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

timtimhungerfordcom

Ibox text issue

Recommended Posts

timtimhungerfordcom

I am surprised there's no text size option within the ibox, but anyways, client wants me to make an ibox text content a bit bigger, but when I do, the sentences begin to break into the other line, now the issue fixes when I extend the width of the containing box, but the moment I do, the other box I have set up with 4 columns suffers while the column with 3 boxes is ideal.

 

What would be the best solution to cover this? 

 

http://criticaltutoring.com/home/

 

I want the font to be set higher than 17px

 

 

is there a way I can modify this...since both of them share the same class

 

 

ideally this is what I need 

 

#page .ibox.top-aligned .ibox-desc {

  1. max-width400px;
  2. margin0 auto;
  3. width: 800px;
}
 
but I need separate widths on both ibox containers if that makes any sense.
 
Thank you.

Share this post


Link to post
Share on other sites
greenfly

Hi @timtimhungerdotcom

 

You can add an iboxclass to the individual ibox and add custom styling to the class. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
timtimhungerfordcom

Could you provide an example? I was under the impression when trying to make these modification, they are usually universal for the whole component so I am unfamiliar with how to do it with a specific box as they all read the same <div class="span4 ibox top-aligned  wrap-image fix">

 

I would imagine we would be focusing the first child since I only want to target the first box in the ibox?

Share this post


Link to post
Share on other sites
greenfly

when setting up the iboxes you can add a custom class to each i box and then add CSS rules to target those CSS classes. 

 

for example (give them a totally unique name) rupertshoes1 would be the class on the first box rupertshoes2 for the second and so on. 

 

i can then add CSS to those in the custom CSS panel and target those individual boxes via the class. 

 

does this make sense? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
timtimhungerfordcom

Yeah I see that, but it wouldn't target the whole box instead of just the description box? because I am trying to fix the text from creating a widow not focus primarily on the whole box, so I figured maybe extending the container's width of the individual box would help that. Also would help to note the content is listed within a ul as well

Share this post


Link to post
Share on other sites
timtimhungerfordcom

I believe I got the fix for what I was looking for,

 

I started the ul of the ibox custom class I created and set the parameters to get the desired result...hopefully this bandaid will stick.

Share this post


Link to post
Share on other sites
greenfly

not really a bandaid - thats the way to do it. 

 

Use the class for the box and then add the selectors elements inside the box 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

  • Similar Content

    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • flourishdesignstudio
      By flourishdesignstudio+
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio+
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • nizami
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at https://elenaangel.com. 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

×