Joomla Templates Club 406,261 posts

[ghary90 Friend ghary90Join date: August 2013Posts: 20Downloads:0Uploads:7 Thanks: 2]

#190206

Hello.
My question is how can I change the “old price” alignment from left to right? (see the attached image)
If I have to change any php or CSS file, would you pls explain it in little details please!

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#504246

It is from the css and a float:left; that needs changing into a float:right;

If you post up the url of the site someone will be able to point you to the correct css file that you will need to change.

[ghary90 Friend ghary90Join date: August 2013Posts: 20Downloads:0Uploads:7 Thanks: 2]

#504248

Thanks for your help! I am actually working on localhost.

1- I could change the float from left to right (But on the browser itself) – so how to find the correct css file?

2- It appeared that both “Old price” & “the price” are on the same line. How can I make a new line for the price?

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#504252

Sorry, I don’t have Fixel installed yet. Been busy with other stuff!

You can see the css file on the screenshot.

You can create (or should be able to) a custom.css file in templates/ja_fixel/css/ folder
then add the following code into it

.jshopping-content-right .old_price {

• float: right;

}

and that should work.

1 user says Thank You to swissa for this useful post

1. ghary90

[ghary90 Friend ghary90Join date: August 2013Posts: 20Downloads:0Uploads:7 Thanks: 2]

#504439

Thanks. It worked. But as I mentioned in the previous post that both prices are on the same line. (u can see the photo)
So how can I get the price (not the old one) in a new line….

It should be simple; but I am not familiar with css codes :laugh:

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#504442

<em>@ghary90 387743 wrote:</em><blockquote>Thanks. It worked. But as I mentioned in the previous post that both prices are on the same line. (u can see the photo)
So how can I get the price (not the old one) in a new line….

It should be simple; but I am not familiar with css codes :laugh:</blockquote>

It is simple. 🙂 But like you say, being familiar with css helps!

Take the code I gave you and add to it. I have added a margin-top element (-10px) so that the old price sits above the new one. ( Based on the demo here @ JA )

.jshopping-content-right .old_price {
float: right;
margin-top: -10px;
}

You can play with that number to adjust how far above(a negative number) or below (a positive number not the negative I have used) to position where you need.

Hope that helps.

Read my signature. Do regular backups – it will make moving your site from local to production so simple……

[Author]

Posts