closed resolvedHi.
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.
Ismael
Moderator
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
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.
Devin
Moderator
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
Nick
Moderator
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
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.
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!!!!!!
Nick
Moderator
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
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
