Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #18749

    Hi.

    http://almadelienzo.com/producto/amarillo/el-sol-se-derrama/

    First, How can I put a space or a horizontal rule between the shop menu and the title on shop categories and products?

    Second, how can I center the shop menu? I already did it but just works with portrait images products. This is what i used:

    .sub_menu {

    position: relative;

    z-index: 130;

    font-size: 11px;

    display: block;

    float: none;

    text-align: center;

    width: 315px;

    margin: 0 auto 10px auto;

    }

    Thanks in advanced,

    Paloma.

    #100730

    Hi Paloma,

    You can use this code:

    .sub_menu {
    margin-bottom: 20px; //this puts a space between the menu and the title
    border-bottom: 1px solid #333; //this will put a line on the bottom of your menu
    }

    For centering the menu, I checked it and it’s already centered, kindly give us a where the menu isn’t centered and also disable the plugin the prevents right click and activate it once we are done with the customization. :)

    Regards,

    Ismael

    #100731

    Hi Ismael.

    Thank you so much for your answer, I don’t know what I would do without you all helping us!

    I think I’m doing something wrong cause it’s not working =..( The line or space appears over the submenu, It looks like this now:

    http://almadelienzo.com/producto/azul/reflejo-liquido-2/

    And this Is how I put it:

    .sub_menu {

    position: relative;

    z-index: 130;

    font-size: 11px;

    display: block;

    float: none;

    text-align: center;

    width: 315px;

    margin: 0 auto 1px auto;

    border-bottom: 1px solid #333;

    }

    I use Safari by the way.

    Aaaand… I have another question jeje. Nick gave a great tip on my last topic, http://www.kriesi.at/support/topic/linkable-description-on-lightbox , I wasn’t able to thank him since the topic was closed.

    The tip shows how to enable a link in the description field of prettyPhoto panel.

    The thing is that if you get to that prettyphoto panel from a product page this link ain’t clickable, I’ve been trying to figure out how to change that all day long and I coulnd’t find a way to fix it, What I would like the most is to hide description field in those products lightboxes since there is no need to have them there cause they take you to the same page you are already in, the product page. I tried to figure out where could I use .pp_description { display: none !important; } on woocommerce, but I guess there is no way that I can do it myself.

    Hope I could explain myself well!

    Thanks again!

    Paloma.

    #100732

    Hi Paloma,

    I’m getting a 500 internal server error when trying to view those pages.

    If the CSS you added isn’t showing up, make sure that you’ve refreshed the page a few times to clear any local cache differences.

    For the other question, I’ll tag Nick on the topic as I’m not familiar with the changes at this point.

    Regards,

    Devin

    #100733

    Hi Devin!

    The server error looks to be fixed by now.

    The problem is that the css does show up but in the wrong position, it is above the submenu, I actually used the option with a black line so could see exactly it’s position on the menu.

    Thanks!!

    #100734

    Hi,

    Please add this , it should center everything in middle top area.

    .sub_menu {
    top: 50px;
    }
    .menu-menu-woo-container {
    top: 8px;
    right: -50px;
    position: relative;
    }
    #top .post-title.big_title {
    position: relative;
    top: 5px;
    }
    #top.single-product .post-title.big_title {
    font-size: 25px !important;
    }

    Please make sure that when you add CSS, you always place it at the bottom of the custom.css or quiick css,

    I re-opened that other topic. Terribly sorry about the premature closure.

    Nick

    #100735
    #100736

    Don’t be so terribly sorry!! ; )

    I Just wanted to thank you, It worked awesomely!! The only matter is that It doesn´t works on lightboxes opened from woocommerce products, I think maybe it’s because I’m using attachments plugins for woocommerce products since I didn’t want to upload again all my images, and it was the only way to access my media library.

    It’s not a big deal, just that being already on the product page, having a link to that same page makes no sense. It would be great if it could be fixed, but I guess I’ts way too difficult.

    #100737

    I’ll copy this on the other topic

    #100738

    FIXED!!!

    I changed some numbers and worked!!

    .sub_menu {

    top: 1px;

    }

    .menu-menu-woo-container {

    top: 2px;

    right: -50px;

    position: relative;

    }

    #top .post-title.big_title {

    position: relative;

    top: 25px;

    }

    #top.single-product .post-title.big_title {

    font-size: 40px !important;

    }

    THANKS!!!!!!

    #100739

    Hi Paloma,

    Glad that you’ve fixed it. :)

    Cheers,

    Ismael

    #100740

    Hi,

    Glad you modified the code they way you wanted it, but I still think you need the css below to center the middle top menu, since in my browser this is how it looks http://i.imgur.com/jkFZ3.png (red box and line are mine to show you center.

    .sub_menu {

    right: -50px;

    }

    Good luck!

    Nick

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

The topic ‘shop menu position’ is closed to new replies.