• 0
Sign in to follow this  
Followers 0

Customizing the Flipper


Question

Posted · Report post

Hey Guys,

 

I am working on http://BuMarketing.com

 

I would like to customize the flipper at the footer of my page. Right now it is only displaying one post per flipper section. I would like it to display 2 per flipper section and the thumbnails to be smaller. How can I achieve this?

Share this post


Link to post
Share on other sites

11 answers to this question

  • 0

Posted · Report post

Hi Bentley

 

To get two posts to show in the flipper panel you can select the figure in the sections options via the dropdown - http://screencast.com/t/cOYaAILrS

 

Do you want to change the width/size of just the image? Or the text as well. To change both you'd could try something like the below

 

.flipper-wrap .flipper-items > li {
    width: 200px !important;
}
 
To change just the image you could try the below, but you'd have to adjust the margins to move closer together if you made the % value too small etc.
 
.flipper-wrap .flipper-items > li img {
    width: 50%;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hey James B,

 

Thank you for responding. That worked visually, but for some reason it's kind of glitching now when I click the arrow to see more posts?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Ok so you want it to look like this visually, 2 by 2 by 2? http://screencast.com/t/Rj3pIxjar8J

 

In that case remove the css I gave you previously, add a 3 column section from the drag and drop into the layout and then drop a flipper unit in each column. Set the option for each flipper unit to display max of 2 posts

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

James B Wait.. That's literally exactly what I had set up before I used the css code you gave me? If I remove the code then its just one post per column like it was before. I would like to display 2 posts per column like your screen shot and what I currently have on the site with the code active. It's just glitching when I try to navigate to more posts. Whats going on? 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Does anyone know how to help me with this?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Bentley

 

To get that affect in the screenshot image I just changed the settings inside each of the flipper units to display 2 posts and placed on flipper unit in each of the three columns. I've made a screencast to show this - http://screencast.com/t/S9ndp9gySN2V

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I'm not sure what I am doing differently.. I do exactly what you have shown in that video and it's not reflecting the same changes? Here is a screen shot..

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Screen-Shot-2013-11-27-at-9.34.12-AM.png

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Bentley,

 

In the editor, see on the left hand side you have global and local settings, check in the local to see if you have the local set to only show 1, where the global is set to 2 etc. As the local will override the global settings.

 

If you still have no luck set up a user login and email hello at pagelines.com with the credentials and a link to this thread and one of us will log in and have a look.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hey James B,

 

I emailed my credentials and you guys fixed it. I added one more section and column and the problem came back... What ended up being the solution?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Bentley, last time I just went in and reset/save them. However, I have since found out its displays based on the width of the site. So it calculates if it's wide enough to show two within that space and if it doesn't think it can display two so they're clearly visible it will show one.

 

So adding the extra column you'll need to make the site width wider to be able to display 2 rows in each of the 4 sections.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0