Cloned portfolio view will not display properly

Posted by bemery on November 26, 2012 at 12:25pm

I am fairly new to drupal and have limited php and css experience.

I have cloned the 4 column view portfolio and set all everything the same as the original file http://skivermontqr.com/portfolio

What I get looks like this instead http://www.skivermontqr.com/?q=restaurants
( although I have it as a grid instead of unformatted text at the moment because the images were HUGE when displayed on the page.

The content types, content and views are replicas of the original page.
The problem seems to occur when I rename the path to the new page name.

This leads me to belive I need to do something to get it to call to the right CSS

Are there any other ways around this issue??

We desperately need the info to display in 4 equal columns and look good on cell phones as well as laptops

Comments

CSS

Posted by spovlot on November 26, 2012 at 9:51pm

Your "portfolio" page is formatted into columns using the less-style.css (line 49). I would assume that this file is originally a .LESS file. If you are going to have several pages that look the same, you might want to setup a specific view class for this purpose.

Next time instead of "Show off your Drupal site", I suggest using "Post Installation"

Thanks

Posted by bemery on November 28, 2012 at 12:17am

Thank-you I am still getting used to this forum and had a difficult time figuring out how to post at all.

I opened the .Less document that was in the CSS folder
and at line 49 I see the code:

width: @total-width*(((@gutter-width+@column-width)*@x) / @_gridsystem-width); /* 960*(((20+60)*X)/960)=960 */

Which doesn't make sense to me.

I see this code a bit lower:

.view-latest .view-content {overflow:hidden;}
.view-latest .view-content .views-row {.column(3);}
.region-content-bottom .block {.column(3);}
.page-portfolio .view-portfolio .views-row {.column(3);}
.page-portfolio-3-cols .view-portfolio .views-row {.column(4);}
.page-portfolio-2-cols .view-portfolio .views-row {.column(6);}
.page-portfolio-1-col .view-portfolio .views-row {.column(12)}
.panel-pane.contact-form {.column(8);}
.panel-pane.map {.column(4); padding-bottom:40px;}

.alpha { margin-left: 0;}
.omega { margin-right: 0;}

Can you just give me an example of what to write? I can add it for each view I created - or re-do the views as pages on the portfolio view.

I am SO frustrated and have worked on it for 13 hours already today. If I can get this ONE thing fixed you would be my absolute hero.

Betsy Emery

LESS

Posted by spovlot on November 28, 2012 at 2:12am

If you are not familiar with LESS, you can find more information at http://lesscss.org/. Basically it is like a scripting language for CSS.

It might be easier if you just copy the existing items and change "portfolio" to "restaurants" (or your other pages).

.page-restaurants  .view-restaurants .views-row {.column(3);}
.page-restaurants-3-cols .view-restaurants .views-row {.column(4);}
.page-restaurants-2-cols .view-restaurants .views-row {.column(6);}
.page-restaurants-1-col .view-restaurants .views-row {.column(12)}

You Rock!

Posted by bemery on November 28, 2012 at 12:59pm

Thank-you SOOOO much.
Once I changed it there AND in the style sheet it displays properly!!!!

Whoo Hooo!!!!

Betsy Emery

Great!

Posted by spovlot on November 28, 2012 at 5:50pm

Just wondering what you meant by "there and in the style sheet"?

There

Posted by bemery on November 30, 2012 at 5:43pm

style.css
and style-less.less

Only now something has happened and my admin panel is mostly gone and I cannot login in IE8. I stay logged in in Firefox but cannot get to my tools. My hosting company has given me this reply:

No the other problem was a Internal Server Error because it was going past the memory limit of PHP. This is a connection reset something with the database is our idea. You need to have a Drupal person look at this and fix it someone who knows that software or the Drupal people themselves.

I posted on a message board here - but if you have any idea of where I can post to get some help I would appreciate it.

Betsy Emery

A mystery

Posted by bemery on December 3, 2012 at 12:44pm

Everything was displaying correctly, untill we had to restore the database to a previous time and clear all the cache files.
I have recreated everything the wat we discussed, changed style.css and less-style.less to the appropriate code and I get the same problem I had before. Here is the example:

http://www.skivermontqr.com/?q=lodging (cloned view set to same defaults with css and less file adjusted)

http://www.skivermontqr.com/?q=portfolio (correct formatting)

What could possibly be causing this?

Betsy Emery

Looks fine

Posted by spovlot on December 3, 2012 at 2:09pm

I looked at the lodging page. Seems to be working.

Somehow

Posted by bemery on December 3, 2012 at 2:35pm

SOmehow lodging fixed itself. I re-copied and readjusted the style.css and the style-less.less files.
This worked for the sopping page as well.

The only one I can't get cleared up is restaurants:

http://www.skivermontqr.com/?q=restaurants

Betsy Emery

Restaurants

Posted by bemery on December 3, 2012 at 2:36pm

I wa able to slear this up by adjusting the settings for the fields.
Thanks!

Betsy Emery

I don't get it

Posted by bemery on December 5, 2012 at 1:18am

I am attempting to Duplicate what i already did here:
http://skivermontqr.com/?q=lodging
http://skivermontqr.com/?q=restaurants
http://skivermontqr.com/?q=shopping
http://skivermontqr.com/?q=portfolio ( this is the one that came with the teplate I bought)

I cloned the view
changed the fields it needed
then changed the path name ( always what throws the formatting off)

Next I copied the code in style.css
replaced portfolio with stratton
and then I copied the code in the less-style.less file
And ftp the files to the proper directory

Unfortunately This is what I get:
http://skivermontqr.com/?q=stratton

Same thing with Bolton
http://skivermontqr.com/?q=bolton

I can tell it is "looking" at the style sheet because it has the nice bold titles
I cannot tell what I am doing wrong that it will not come up in the 4 across format

I have checked the field settings, unformatted list settings, and imade styles.

What else could it possibly be???????

Betsy Emery

Missing CSS

Posted by spovlot on December 5, 2012 at 4:54pm

You are missing styles like this in less-style.css :

.page-stratton .view-stratton .views-row {
display: inline;
float: left;
width: 220px;
margin: 0 10px;
}

Also, are you copying views for each page? Unless these are different, that is going to make maintenance difficult. Have you considered using a view with a contextual filter instead? Then you can have a view with path like restaurants/% that accepts a parameter like restaurants/bolton or restaurants/stratton .

Also,are you setup for clean URLs? It's better to have http://skivermontqr.com/restaurants than http://skivermontqr.com/?q=restaurants