using the Editor - TinyMCE for k2 items

Demonstrate your product attractively using clean and distinctive coffe shop Joomla template.
GK User
Thu Nov 01, 2012 6:30 pm
hello!
is my first time using Gavick template and Jommla 2.5. till now i have used Joomla 1.5.
To edit items i understand to use the Typography, which sometimes makes nice things, but for my opinion for those who edit products often is a lot extra time. So my question is: is there any way to edit K2 items with Editor - TinyMCE, in a simple way without using the Typography option?

Thanks in advance
User avatar
Junior Boarder

teitbite
Fri Nov 02, 2012 12:47 pm
Hi

Please simply choose a TinyMC editor in global setting for joomla or in Your users edit page.
User avatar
Moderator

GK User
Fri Nov 02, 2012 1:02 pm
In site Global and in User editor i have activated tinymce editor, but still the same.
I can not make bold, no bullets, numbering with tinymce editor, only by using Typographoy buton.
User avatar
Junior Boarder

teitbite
Sat Nov 03, 2012 9:43 am
Hi

Ok. Now I understand, I thought You are asking about something else. We have removed some content styling provided by editors in case to make typography works. Please make an article with examples of every style attribute You need and tell me an url to this page exactly, I'll tell You what to add to css to make editor works, but it may be for the cost of destroying typography style.
User avatar
Moderator

GK User
Sat Nov 03, 2012 10:50 am
Hello!
Since i have to work often with articles, items and change them many times, i need the basic things to do it fast: Bold, bullets, numbering, create simple tables, and font size.
Actually i may need again to return sometime to typography, is it possible to the make the changes in override.css, so when i need Typography i can delete the overriding coding. ( and i paste again when i need it)
this is a link:
http://www.mtitravel-al.com/index.php/p ... erore.html
User avatar
Junior Boarder

teitbite
Sat Nov 03, 2012 2:08 pm
Hi

I will try to give You the code which can co-exists if possible, but please prepare me a page with examples of not-styled elements. The one above has only paragraphs and tables, which both are styled outside of typography.
User avatar
Moderator

GK User
Sat Nov 03, 2012 3:15 pm
User avatar
Junior Boarder

GK User
Sat Nov 03, 2012 4:00 pm
hello!
ok, better this link:
http://www.udhetime-turistike.com/index ... jetor-2012.

non styled elements:
bolds, text wraping around the image, bullets
User avatar
Junior Boarder

teitbite
Sun Nov 04, 2012 12:55 pm
Hi

I can see some of this problems are not because of template but css clear script. Anyway add this to override.css to overwritte it:

Code: Select all
.itemFullText strong { font-weight: bold; }
.itemFullText ul li { list-style: disc outside none; padding-left: 15px; }
.itemFullText img { float: right; }
User avatar
Moderator

GK User
Mon Nov 05, 2012 9:55 am
Many thanks, now i can edit articles easier.
User avatar
Junior Boarder

teitbite
Mon Nov 05, 2012 8:39 pm
Hi

Ok. Let me know if You will need any more element to style.
User avatar
Moderator

GK User
Tue Nov 06, 2012 10:16 am
Yes, thanks
I have a small thing also:
I am using virtuemart and k2mart.
in the shopping cart form the icon of update quantity is just a brown color of coffee template not the refresh icon image of virtuemart.
this is a link to reproduce it:
http://www.udhetime-turistike.com/index ... -2012-2013
attached is print screen
refresh-icon-shooping-cart.gif

Shapllo
User avatar
Junior Boarder

teitbite
Tue Nov 06, 2012 12:38 pm
Hi

Please try to add this code to css:

Code: Select all
input.vm2-add_quantity_cart {
background: url("../images/vm2-sprite.png") no-repeat scroll left top transparent !important;
}
User avatar
Moderator

GK User
Tue Nov 06, 2012 12:59 pm
Hello
I added the code, but now the space is empty, white, the icon of refreshing is not visible yet.
refresh-icon-shooping-cart-2.gif
User avatar
Junior Boarder

teitbite
Tue Nov 06, 2012 1:30 pm
Hi

Sorry, my bad. This image path is wrong obviously. Please try with this code:

Code: Select all
input.vm2-add_quantity_cart {
background: url("http://www.udhetime-turistike.com/components/com_virtuemart/assets/images/vm2-sprite.png") no-repeat scroll left top transparent !important;
}
User avatar
Moderator

GK User
Tue Nov 06, 2012 1:39 pm
Thank you. Now is everything Ok.
Have a nice day.
User avatar
Junior Boarder

GK User
Thu Nov 08, 2012 6:05 pm
Hello teitbite

I need smth else, i can do bullets from the Editor - TinyMCE, but the bullets are out of left margin side.
is there anyway to move it inside the page?

bullets.jpg
User avatar
Junior Boarder

teitbite
Thu Nov 08, 2012 6:32 pm
Hi

Please show me the exact page where You've made this screen.
User avatar
Moderator

GK User
Thu Nov 08, 2012 6:37 pm
User avatar
Junior Boarder

teitbite
Fri Nov 09, 2012 12:22 am
Hi

Please replace the code in override.css to:

Code: Select all
.itemFullText ul li {
    list-style: disc inside none;
    padding-left: 15px;
}


just "outside" to "inside".
User avatar
Moderator

GK User
Fri Nov 09, 2012 9:31 am
Hi, perfect fine, it worked.
I just noticed some text in shopping cart page that is white, also background is white, so is invisible. the text i have selected below, can we make gray or any other color just to be visible.
http://www.udhetime-turistike.com/index.php/shporta
shopping_cart.jpg
User avatar
Junior Boarder

GK User
Fri Nov 09, 2012 1:35 pm
OK, solved
added this code to overide.css:
table th {
background: transparent url('../images/style2/bottom_bg.jpg') repeat 0 0;
color: #333333;
}
i am getting better
User avatar
Junior Boarder

teitbite
Sat Nov 10, 2012 2:03 am
Hi

Yes this is the correct answer :) I'm glad You've made it.
User avatar
Moderator

GK User
Wed Nov 21, 2012 3:37 pm
Dear teitbite

i used the code in override.css to put the image of k2 right position:
span.itemImage {
display: block;
text-align: right;
margin: 0 0 8px 0;
}

Now i need the text to move it up wrapping the image:
http://www.udhetime-turistike.com/ofert ... -dubrovnik

kindly advice
User avatar
Junior Boarder

teitbite
Thu Nov 22, 2012 1:41 pm
Hi

Please remove the above code and use this instead:

Code: Select all
.latestItemBody, .genericItemBody, .userItemBody, .catItemBody, .itemBody {
    clear: both;
}

.userItemImageBlock, .itemImageBlock {
    float: right;
}
User avatar
Moderator

GK User
Thu Nov 22, 2012 2:14 pm
OK, perfect, now is ok.
Last thing: I want the whole block image and text of k2 article to a bit higher, closer withe icons tool bar and title.
http://www.udhetime-turistike.com/ofert ... r-1dhjetor
User avatar
Junior Boarder

teitbite
Thu Nov 22, 2012 3:55 pm
Hi

Try with this code:

Code: Select all
.itemToolbar {
    margin: 0 0 5px 35px;
}
User avatar
Moderator


cron