Jump to content

Archived

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

acutservizi

iboxes images media type

Recommended Posts

acutservizi

Hi, i'm sure this is a lower-than-average question.

I've tried to understand how iboxes work but i can't get out of it. I don't know where and how to add the image to "images" media type iboxes.

Can you also tell me what attribute should i change to modify mouseover backcolor for "icon font" media type

Thank you

 

Share this post


Link to post
Share on other sites
Jake

Hi acutservizi - I'm sorry you're having problems getting started with iBoxes. It's sort of a two step process - first you want to select Images from the drop down menu under Select Media Type, and then for each box you'll have the ability to upload an image under iBox image (see both settings in this screenshot http://d.pr/i/6wA4).

 

The code you'll want to modify to change the mouseover color is .ibox .ibox-media .ibox-icon-border.media-type-icon:hover


Have you searched the forums yet or checked out the DMS user docs?

PageLines geek, blogging at MyUntangledLife.com

Share this post


Link to post
Share on other sites
acutservizi

Hi Jake,

I must be blind (or tired). I didn't realized there was an upload button.

Thank you for your quick reply.

Cheers

Share this post


Link to post
Share on other sites
Rob

Buona fortuna!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
borzd

Guys, can't figure out what actual code i need to use in less to get rid of hover effect/edit it.
 
Even can't find rules in Firefox/Mozilla inspectors. 
 
"The code you'll want to modify to change the mouseover color is .ibox .ibox-media .ibox-icon-border.media-type-icon:hover"

 

I got this - but I don't want to change it in child theme. And can't figure out how to use it in less.

 

:wacko:

Share this post


Link to post
Share on other sites
greenfly

Hello Borzd 

 

Please can you start your own topic with a link to your site etc.. 


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
2Sekunder

"The code you'll want to modify to change the mouseover color is .ibox .ibox-media .ibox-icon-border.media-type-icon:hover"

 

Where do you find that code and edit it? Please help :)

 

Regards, Michael

Share this post


Link to post
Share on other sites
Danny

:hover is pseudo CSS class, therefore it wont display in any Browsers web dev tools unless you activate the state option.

 

borzd - Not entirely sure what you're trying to do. However, you can easily use the class you have provided to override the default CSS. I also linked you to a post where I provided code to edit the iBox section this included the hover state in a previous post of yours.

 

2Sekunder - You do not want to edit any CSS/LESS in DMS unless you know what you're doing, so instead see our how to customize documentation for assistance in overriding default CSS.

 

http://docs.pagelines.com/customize/how-to-customize


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
borzd

Danny - bank is reissueing card. Will get to paid forum asa that is done.

 

2Sekunder - #page .yourclass .ibox .ibox-media .ibox-icon-border.media-type-icon:hover { not sure of the arguments needed for me, hope Dannys post will help more. But basics are obvious }

 

Then just insert yourclass in CSS/LESS input field of the section. Profit.

 

#page .iboxes_media .ibox .ibox-media .ibox-icon-border.media-type-icon:hover {

  background: none;
  color: green;
}
 
This one I used... Didn't work as I wanted. I'm noob in any coding thought.

Share this post


Link to post
Share on other sites
borzd

GUYS GET ME MY RUSSIAN FLAG PLS ;) Sry for flood.

 

I'm a patriot so would like to have my flag!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Kedark
      By Kedark+
      Hello,
      I apologize for the trivial question, but I can not deal with it. How do I turn off the display of a distinctive image on the page? (I have to add it because I use plugins that use it), but as I display the page, I do not want it to be visible (and appears above the subject.).
      Probably a cliché but I can not deal with it. Therefore, a request for help.
      Regards
      RKA
    • mtaus
      By mtaus+
      I have added a Lax section on the footer of this site: http://www.ics-law.org.php72-38.lan3-1.websitetestlink.com/ but the background image is not displaying. When I first add the image it appears in the background, but then after saving and reloading it is gone even though the thumbnail indicates it's still there. Screenshot attached.
      Any suggestions?

    • mtaus
      By mtaus+
      I'm trying to add a Careers page to a site to display job openings. The plan is to create a Post using a subcategory 'Careers' and then display those on the page. All of the post sections in PL seem to include images and there's no obvious way to remove them or include an excerpt from the post. 
      Any suggestions?
    • chamois_blanc
      By chamois_blanc+
      Hello,
      Shouldn't the image PL5 component be using the srcset/picture css directives to pick the correct size for an image? or it does already and I don't know how to use it? Thank you for any advice or enlightenment.
    • 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.



×