Restore look of Compass free version

Discussion in 'Compass WordPress Theme' started by charlies, Mar 11, 2016.

Thread Status:
Not open for further replies.
  1. charlies

    charlies New Member

    Joined:
    Mar 11, 2016
    Messages:
    19
    Likes Received:
    0
    Location:
    Rutland, MA
    I recently upgraded to Compass Pro in order to customize the footer, change the slider speed, etc without rewriting the theme code. It took me some time to redo all of the settings that were lost when switching to the Pro version of the theme. Some things carried over but all of my widgets had to be redone.

    I really am upset by the different look. Suddenly my sidebar is not showing on pages. The main content area fills less of the screen.

    How do I make the sidebar show on the side again? It's below everything on all pages. Also the front page blog preview thumbnails are squished. How do I crop the image so it doesn't look terrible?

    http://aldrich.club
     
  2. charlies

    charlies New Member

    Joined:
    Mar 11, 2016
    Messages:
    19
    Likes Received:
    0
    Location:
    Rutland, MA
    Here's what it looked like in the Free version on the homepage with the sidebar on the right.
     

    Attached Files:

  3. charlies

    charlies New Member

    Joined:
    Mar 11, 2016
    Messages:
    19
    Likes Received:
    0
    Location:
    Rutland, MA
    If I zoom out the page one time with Ctrl + "-" then the sidebar moves to the side. This didn't happen with the Free theme.
     
  4. charlies

    charlies New Member

    Joined:
    Mar 11, 2016
    Messages:
    19
    Likes Received:
    0
    Location:
    Rutland, MA
    BTW my laptop screen width is 1280 x 800. I have been looking at the differences between compass (lite) and compasstheme (PRO) and trying to figure out what's different that would cause my sidebar to drop below at 1280 x 800. I thought it might work to change 1300px back to 1275px but nothing changed.

    -@media only screen and (min-width: 960px) and (max-width: 1275px) {^M
    +@media only screen and (min-width: 960px) and (max-width: 1300px) {^M

    Seems the issue with sidebar is that container_24 width
     
  5. charlies

    charlies New Member

    Joined:
    Mar 11, 2016
    Messages:
    19
    Likes Received:
    0
    Location:
    Rutland, MA
    I've gone back to the free theme until I hear from you. ;(
     
  6. priya

    priya Guest

    Hello,

    Greetings from InkThemes!

    To determine and fix the issue, we need to access your dashboard.

    So, send us your website WordPress login details at [email protected] along with the thread link.

    Your Website URL:
    WordPress Username:
    Password :

    Looking forward to your reply.

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  7. charlies

    charlies New Member

    Joined:
    Mar 11, 2016
    Messages:
    19
    Likes Received:
    0
    Location:
    Rutland, MA
    Thanks, Priya. I can't give you access to the dashboard due to policy. What I'm trying to do is simply take advantage of the customization options of the Pro version of the theme without losing the look & feel of the free version. When I switch themes the content area becomes much narrower and the sidebar wraps underneath the content... I also am not sure we need the testimonials as they seem out of place.
     
  8. charlies

    charlies New Member

    Joined:
    Mar 11, 2016
    Messages:
    19
    Likes Received:
    0
    Location:
    Rutland, MA
    This seems to fix the issue on my laptop and is one of the differences between the compass and compass pro theme from a UNIX diff compare. If I change 1300px back to 1275px that seems like it might be working... can you investigate and see if other CSS are effected?
    diff -uNrw compass/css/960_24_col_responsive.css compasstheme/css/960_24_col_responsive.css
    --- compass/css/960_24_col_responsive.css 2016-03-04 20:48:40.000000000 -0700
    +++ compasstheme/css/960_24_col_responsive.css 2016-03-11 01:40:17.000000000 -0700
    @@ -162,7 +162,7 @@
    width: 1140px;^M
    }^M
    }*/^M
    -@media only screen and (min-width: 960px) and (max-width: 1275px) {^M
    +@media only screen and (min-width: 960px) and (max-width: 1300px) {^M
    .container_24 {^M
    margin-left: auto;^M
    margin-right: auto;^M
     
  9. priya

    priya Guest

    Sure..!!

    We will check and acknowledge you the same..

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  10. charlies

    charlies New Member

    Joined:
    Mar 11, 2016
    Messages:
    19
    Likes Received:
    0
    Location:
    Rutland, MA
    Thanks. :)
     
Thread Status:
Not open for further replies.

Share This Page