Jump to content

Archived

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

BentleyD

Customizing the Flipper

Recommended Posts

BentleyD

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
James B

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%;
}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
BentleyD

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
James B

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


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
BentleyD

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
BentleyD

Does anyone know how to help me with this?

Share this post


Link to post
Share on other sites
James B

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


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
BentleyD

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
James B

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.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
BentleyD

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
James B

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.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

  • Similar Content

    • 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.
    • Borries
      By Borries+
      I know this is not an easy problem. Maybe there is a easy solution.
      I have tryed to uses the existing solution, that I have found in the forum
      I changed the colours of my nav (simple nav) and the hover effect (a. hover).
      I really tryed to highlight the active/used link in the nav but I cant figure it out.
      I want it to be black when active.
      Any help would be appreciated. Thanks.
      http://www.marcborries.de  nav link: "Sinn & Selbst" 
    • Dan Haddock
      By Dan Haddock
      Hi Pagelines team and wider community,
      I am looking to develop a single post page for my blog. I have read over an old article on the subject, however the link provided on achieving this goal was giving me security warnings. Is there any way I can get round this?
      Secondly, I have had a root around the .zip file provided on my sites backup, however was unable to locate any file in there with the name of Single.php. Does this file exist in the Pagelines theme?
      By the way, this is the unsafe article: http://support.pagelines.me/docs/customization/create-a-custom-page-template/ (Click at your peril).
       
    • 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.
       
×