Joomla Templates Club 406,261 posts

[brothers Friend brothersJoin date: August 2007Posts: 24Downloads:0Uploads:0]

#122463

I really like the Bonus CSS items in JA_Larix and want to add them to my JA_Shopping II site.

I copied the “Bonus” section from the template_css.css and added it to Shopping II’s template_css.css – but it didn’t seem to work.

What am I doing wrong? How can I add the bonus css features?

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#228581

I’m thinking that you will probably need to edit the templates index.php and change the class names to point to the new css class names, or find the class you want to change and overwrite the css styles with the new css styles, but leave the class name alone. You will also need to upload any images that belong to the added css.

[brothers Friend brothersJoin date: August 2007Posts: 24Downloads:0Uploads:0]

#228610

Ok, I’ve uploaded the images. But I don’t see what you are talking about in the index.php. I’ve looked at the index.php and it references the same css file that I’ve added the bonus typography to.

Any ideas?

I’m certain this is a feature that other club members would like too. 😀

[brothers Friend brothersJoin date: August 2007Posts: 24Downloads:0Uploads:0]

#228611

I’ve copied the bonus typography to the template_css.css file and all the images to the directory. When I highlight the paragraph that I want to change to the class “stars” it changes to a “div class” instead of “ul class”. What is going on??

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#228619

brothers;26447Ok, I’ve uploaded the images. But I don’t see what you are talking about in the index.php. I’ve looked at the index.php and it references the same css file that I’ve added the bonus typography to.

Any ideas?

I’m certain this is a feature that other club members would like too. 😀

Well, I’m no genius but I do know that your index.php should refrence the css file in question if you want the page to load with some styling, and that you need to add the new class to the element you want to change in index.php. My shopping II index.php is full of classes, so if you are using the shopping II template, you might want to take another look.

[brothers Friend brothersJoin date: August 2007Posts: 24Downloads:0Uploads:0]

#228667

I’ve looked through my index.php file again and only see a few references for css files… I have zipped my index.php file and my modified template_css.css file.

You can find it at:

http://www.magnifierpublications.com/troubleshooting.zip

Could you take a look at them and tell me if the index.php is wrong? I just copied the bonus typography stuff from the JA_larix template_css.css file and pasted it into the shopping_ii template_css.css file.

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#228706

Exactly which element are you trying to apply the bonus css to, and which class from the bonus css are you trying to apply?

[brothers Friend brothersJoin date: August 2007Posts: 24Downloads:0Uploads:0]

#228921

<blockquote>Exactly which element are you trying to apply the bonus css to, and which class from the bonus css are you trying to apply?</blockquote>

I took the the entire section of bonus typography from the larix template and copied it into my template_css.css

So, far I have just tried to use the stars class.

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#228938

You can’t just copy css code from one css file into another and just magically expect it to apply it’s self where you want it to.
If you want help applying the classes from the bonus css to the shopping II index.php, I will need to know which element in the index.php you are trying to apply the css to.
So far all I know is that you want to apply the stars class, but to which element do you want to apply it to?
If you can answer that question I can help you.

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#228943

<em>@instantinlaw 26898 wrote:</em><blockquote>You can’t just copy css code from one css file into another and just magically expect it to apply it’s self where you want it to.
If you want help applying the classes from the bonus css to the shopping II index.php, I will need to know which element in the index.php you are trying to apply the css to.
So far all I know is that you want to apply the stars class, but to which element do you want to apply it to?
If you can answer that question I can help you.</blockquote>

Just copy and paste and try it out,make sure you get everything with you on it(all the css,images) for the typo you wanna add. And check so you dont have any things named that first.

[brothers Friend brothersJoin date: August 2007Posts: 24Downloads:0Uploads:0]

#229061

<em>@instantinlaw 26898 wrote:</em><blockquote>You can’t just copy css code from one css file into another and just magically expect it to apply it’s self where you want it to.
If you want help applying the classes from the bonus css to the shopping II index.php, I will need to know which element in the index.php you are trying to apply the css to.
So far all I know is that you want to apply the stars class, but to which element do you want to apply it to?
If you can answer that question I can help you.</blockquote>

I want my unordered lists to be able to use either the STARS graphic or the CHECK graphic as in the bonus typography. I hope that helps (I appreciate your assistance, btw)

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#229090

Thats better, now I can help you.

Open the template_css.css file for shopping II and search for this code


li {
padding-left: 15px;
background: url(../images/bullet.gif) no-repeat 2px 5px;
line-height: 18px;
}

Replace the code with:

li {
margin-left: 15px;
padding: 0px 0 5px 20px;
background-image: url(../images/star-bg.gif);
background-repeat: no-repeat;
background-position: 0 1px;
}

and upload the star-bg.gif to the templates>ja_shopping_ii>images folder.

Alternatively You can change

background-position: 0 1px;
to

background-position: 0 2px;
and so on for an alignment with the text that suits your needs.

You may also want to modify the star graphic to have a transparent background so that it blends better with the template.

Good luck.

[brothers Friend brothersJoin date: August 2007Posts: 24Downloads:0Uploads:0]

#229096

Thank you for putting so much thought and work to find me a solution… I appreciate it.

Ok, so now I can have a star in my line element …. that’s wonderful.

Is it possible to be able to choose between a star and a checkmark – like the latest templates in this club offer?

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#229119

Just about anything is possible with css, but I’ll have to look into it further. Are we talking about the css from JA Koniga being the latest template?

[brothers Friend brothersJoin date: August 2007Posts: 24Downloads:0Uploads:0]

#229137

Koniga and Larix really caught my attention. I’m thinking these added typography features would be a great add-on for a lot of members. 🙂

[Author]

Posts