Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #13687

    Hello,

    I would appreciate some help on a few modifications within the Choices theme.

    1. How to center the logo.

    2. How to center the header menu.

    3. How to center the portfolio sort menu.

    4. Have the selected portfolio item slide above the sort menu (instead of under).

    5. When viewing a portfolio item, have that current item thumb greyscale.

    I have changed the thumbs to colour by removing the greyscale part in functions.php. Though I would like the current viewed item thumb to be greyscale. The Choices demo thumbs are greyscale and when a portfolio item is viewed that current item thumb is in colour, In other words I would like to reverse this.

    6. How to change to the lightbox/prettyphoto themes that are supplied.

    7. What size would you recommend for uploading portfolio images? I have tested and tried a few changes in functions.php. It seems the space where images are loaded into is always 609px wide on my monitor (even when I have made changes). Images below 609px get enlarged to fit that space and get blurred.

    Thanks for any help (I know it’s a lot of questions), hopefully this topic would be useful to others too.

    #80167

    UPATE:

    (Edit button missing.)

    Please ignore question 5 and replace with this:

    5. How to have the portfolio thumb hover colour set as a currently selected colour for that selected portfolio item thumb? So the thumb hover colour is now the background colour when that item is being viewed.

    Thanks.

    #80168

    1) Add following code to css/custom.css or the quick css field and adjust the left value if required:

    div .logo {
    left: 45%;
    position: relative;
    }

    2) Add following code to css/custom.css or the quick css field and adjust the left value if required:

    .main_menu {
    left: 18%;
    }

    3) Add following code to css/custom.css or the quick css field and adjust the left value if required:

    .sort_width_container, #js_sort_items {
    left: 30%;
    }

    4+5) Very likely this is not possible without some custom work on your end (some hours of work for a freelancer) but I’ll ask Kriesi.

    6) Open up js/avia.js and search for following line:

    elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });

    and add the theme parameter to it like:

    elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh, theme: 'pp_default', /* light_rounded / dark_rounded / light_square / dark_square / facebook */ });

    7) I’d upload images with at least 980px width because they’ll work with every layout/slider type.

    #80169
    #80170

    Works great. Changed lightbox/prettyphoto theme, I managed to center the logo and menu before. I’ll check out your code though too.

    To have the portfolio thumb background hover colour set as an active background colour for that portfolio thumb (the question 5 update) would be a really great addition/modification to the theme.

    Thank you Dude for your help.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘How to “Center” Logo, Menu, Sort Menu & Other Modifications?’ is closed to new replies.