Jump to content
Sign in to follow this  
pspr

text-align:center; CSS help

Recommended Posts

pspr    0
pspr

the page I am having problem with is http://www.headedforgreatness.com/headed-for-greatness-stor/

which is the store page of my website.

 

What I am trying to do is text-align:center; all of the prices. The code I am using is 

 

html body.archive div#site.two-sidebar-center div#page.thepage div.page-canvas div#page-main.container-group div#dynamic-content.outline section#productcontent.container div.texture div.content div.content-pad div#pagelines_content.two-sidebar-center div#column-wrap.fix div#column-main.mcolumn div.mcolumn-pad section#productloop.copy div.copy-pad article.product div.hentry-pad div.entry_wrap div.entry_content ul.products li.post-627 a span.price {

text-align:center;

}

 

 

which does work but it only centers one of the prices.

 

I tried playing around with the code but I wasn't able to find a way to center all of them. I was wondering if you guys can help me because my goal is to keep my CSS a minimal and not text align all of the prices individually.

 

Thank You,

 

Seena Khoee

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Seena

 

It looks like you're copying the entire css path when inspecting the item. This is only effecting the one item due to - li.post-627 which is the id for that one item. You'll need to apply the css command to the class for all of the prices like in the screenshot below. See where the class is in the html on the left, and then the css which effects the text-align on the right. You can just copy/paste that part.

 

http://screencast.com/t/WyFbWGK5P


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
pspr    0
pspr

perfect james. And last question. James how can i hide the select option under the price. I did display none but it shows the select option then it hides it.. 

Share this post


Link to post
Share on other sites
James B    436
James B

You must have managed to hide this, I can't see it on the site under the price.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
pspr    0
pspr

Oh yeah... I did hide it... bud i dont like the way I did it. Because when I load the page, you see the buttons for a second then it gets hidden. Is there anyway I can remove that option. from WooCommerce. Or from CSS the code i'm using is

 

 

 
.woocommerce #page .btn {
display:none;
}

 

 

Thanks James

Share this post


Link to post
Share on other sites
James B    436
James B

Ah i see what you mean, I think that's displaying like that for a second as it's related to the woocommerce js script which I think loads once the page has fully loaded. There's probably a way to edit that, but you'd need to get the product developer to advise how that would be done.

 

If you drop a post here - http://www.pagelines.com/forum/forum/68-store-products/ selecting woo commerce from the drop down list that will alert the developer to your question.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
pspr    0
pspr

Thanks James appreciate it. How long do you think it will be for them to reply?

Share this post


Link to post
Share on other sites
James B    436
James B

There's no guaranteed times unfortunately, as each developer is based in a different location internationally, so it depends what time it is where they are etc. But it will go into a queue and they'll be able to go through and answer as soon as possible.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×