Jump to content

Archived

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

Michael_J

DMS2 Post Layout Question - Flipper & Masonic

Recommended Posts

Michael_J

I love the new options for Post Types but for each one (at least, for Flipper and Masonic), when you mouse over the image, by default it turns an annoying blue that completely hides the image.  Is there a way to remove this, or to just highlight the edges to indicate that it is clickable? 

 

This video clip shows the issue: https://vimeo.com/103595544

Share this post


Link to post
Share on other sites
batman

Hi Michael_J

You need to add some CSS rules to modify this

 

For example:

to get rid the icon

.flipper-wrap .flipper-items .flipper-item .flipper-info .info-text {
display: none;}
and
to make a solid border
flipper-wrap .flipper-items .flipper-item .flipper-info-bg{
background-color: transparent;
border: 10px solid;}
 

In order to gain an understanding of CSS i would start at the beginning and read about css selectors http://www.w3schools...s_selectors.asp

 

I heartily recommend the resources at http://www.w3schools.com/

 

To get to grips with CSS also try one of the free online courses 

:geek:

 

 


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Aires

Hi,

I will also add that the beauty about dms and its sections is that if you are using a child theme (and you should be) you can copy the flipper section or masonic section into your childthemes section folder and customize the flipper appearance. I did something similar with this site http://atsgamers.com/homepage/ in which case I wanted a gap between the posts but still have the text appear over the image. But this is not a simple task if you dont know what you are looking at knowing some css helps.

 

batman Love some Lynda.com worth every penny

 

~Aires  


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Michael_J

batman I added that CSS but sorry to say, no change at all  :(

qdyQ515.png

Share this post


Link to post
Share on other sites
Michael_J

Aires yeah I do understand basic CSS but I don't seem to understand where to place it. 

Share this post


Link to post
Share on other sites
Aires

Hi, Michael_J  

I just tested this and it works 

 

.flipper-wrap .flipper-items .flipper-item .flipper-info-bg {
  background-color: rgba(253, 6, 6, 0.58);
  }
 
it will change the hover color ---  use this site http://www.css3maker.com/css-3-rgba.html  to get the color and opacity if you need some help.
 
Add it to the custom css/less on the front end
 
~Aires

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Michael_J

Aires thanks for the code! Doesn't seem to be working for me. Probably something stupid I did, but...

 

YoOYJWW.png

Share this post


Link to post
Share on other sites
Michael_J

Aires Scratch that, seems to have refreshed after about 15 minutes. Strange! But thanks!  

Share this post


Link to post
Share on other sites
Aires

Hi, Michael_J

 

Cool


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites

  • Similar Content

    • stijnxo
      By stijnxo+
      The Filtering of categories in the Masonic Gallery refreshes back to ALL categories when the DMS Revslider loads a new image?
      Anybody any idea? See Artists Category refreshes back to ALL when the DMS Revslider with images on the top loads a news image on http://www.18hrsfestival.nl/
    • stijnxo
      By stijnxo+
      I am using the Powerloop plug-in on my DMS website and can sort my elements by Postdate, but I want to sort the pages in Alphabetic order.
      Actually the same question for sorting Flipper content in Alphabetic order instead of Ascending / Descending / Random options.
    • dreamsight
      By dreamsight
      We only want the images and title mouse-over, not link/click to the actual post the title is from.
      Any ideas anyone?
      Thanks
    • yemoonyah
      By yemoonyah+
      I just installed and added the Flipper section to my home page and it makes my navigation/menu bar items disappear.
      They do show up again when scrolling down and everything seems normal on the other pages.
      http://yemoonyah.com
      Thanks.
       
    • Susan
      By Susan+
      I have three items in my Masonic section. I would like them to center on the page. Here is the page on my staging site. What is the CSS code to do this? I don't see another option to handle this.
      Thank you.
       
       
×