Jump to content

Archived

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

sheilahoff

Comparing iBox vs Better iBox need CSS help

Recommended Posts

sheilahoff+    63
sheilahoff

I have  Better iBoxes so tried using it on the homepage of my new makeover site not yet public at http://www.makeover.hoffmangraphics.com.

 

You'll see below the quotes that I have two sets that are the same content. I don't like that the top one, which is using Better iBoxes has the entire content linked. That creates the text as purple which I want to be unlinked and gray. Note, I have NO link entered into the field for links. Rather I've added html link in the description. But when I had the link in the field the whole thing linked which is why I changed my strategry.

 

So I added the default iBoxes that comes with DMS below it. It handles the text and link exactly as I'd like, However for some reason, out of the box, the images are doing this very weird elongated distortion.

 

I've attempted CSS to make them circles and to make the headings purple to no avail. I've removed all the custom CSS for both in case I was causing the oddities.

 

Here's what I had. Can anyone help me to either remove the linking on the Better one OR to get the proper CSS so the circles are circles and the headings are purple in the second example? THANKS!

/* Better iBoxes*/
.better_iboxes .better_iboxes_desc {
    color: #707070 !important;
    margin-bottom: 30px;
}

.better_iboxes.top-aligned .better_iboxes_media {
    margin-top: 20px;
}

/*iBoxes*/
.ibox .ibox-media .ibox-icon-border {
border-radius: 50%;
    height: 100px;
    width: 100px;
}

.section-ibox .ibox .ibox-text h4 {
    color: #6c128d !important;}

Sheila Hoffman | Hoffman Graphics | Seattle

Share this post


Link to post
Share on other sites
sheilahoff+    63
sheilahoff

So while I'm still curious WHY I couldn't get the regular iBox images to be normal circles I'm moving on to fixing the Better iBoxes. I'll post directly over there. But you can see now that I've tried removing the links from within the text and that does turn the text back to gray. But now I'm having issues with getting the more link to position correctly.

 

UPDATE: What I learned is that you cannot have both iBox and Better iBox on the same page together. That was causing some of the issues. I now have just the stock iBox in place and the duplicate is gone. I'm happy with how it looks. Case closed. Thanks.


Sheila Hoffman | Hoffman Graphics | Seattle

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

OK, thanks for informing us the issue has been resolved.

However, out of curiosity, can you go into greater detail regarding no being able to have both iBox and Better iBoxes on the same page please.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
sheilahoff+    63
sheilahoff

I think the css for one was impacting the other. When I couldn't get Better to work the way I wanted I put iBoxes below it so I could copy out the content from all the boxes. The circles were not circles they were like giant pill capsules (elongated). I tried to impact via CSS and couldn't. Finally when I removed Better the circles returned and the headings took affect that were not working. I hope that helps it's the best I can do.


Sheila Hoffman | Hoffman Graphics | Seattle

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

OK, I've moved your topic to the better iboxes forum and see what Aleks recommends.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
sheilahoff+    63
sheilahoff

OK...but I'd already posted over there and he knows about both the conflict and my preference for iBox or Better. I don't like that on Better you have no choice but to have the entire text be a link.


Sheila Hoffman | Hoffman Graphics | Seattle

Share this post


Link to post
Share on other sites
ahansson89    57
ahansson89

Do you still have issues Sheila or did we resolve it in the other thread?

The reason that you cannot override the LESS/CSS is that you are not specific enough.

.section-better-iboxes {
    .better_iboxes .better_iboxes_desc {
        color: #707070 !important;
        margin-bottom: 30px;
    }

    .better_iboxes.top-aligned .better_iboxes_media {
        margin-top: 20px;
    }
}

is more specific than

.better_iboxes .better_iboxes_desc {
    color: #707070 !important;
    margin-bottom: 30px;
}

.better_iboxes.top-aligned .better_iboxes_media {
    margin-top: 20px;
}

Share this post


Link to post
Share on other sites
sheilahoff+    63
sheilahoff

Thanks for these tips. I'll save them for future reference. I'm good-to-go on my site now. THANK YOU!

  • Like 1

Sheila Hoffman | Hoffman Graphics | Seattle

Share this post


Link to post
Share on other sites
bronwyn    0
bronwyn

Does iboxes have to create circles?  I'd rather them be squares.  Or a rectangle with rounded edges.  

 

Do I need to change this in CSS? 

Thanks in advance for your help.

Bronwyn

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
×