Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - FashionMart (SKU# FLEX-00008)

TOPIC: Green dot issue again appears

Green dot issue again appears 11 years 4 months ago #1110

Month or two ago you solved the "green dot issue" - green dots as a list symbol coming from Artisteer template into you FashionMart template. Now it appears again at different place - follow this link :
cenzdra.cz/test
It appears in Featured and TOP 10 product sliders, damaging their formatting. Let me know, please, where and how to remove these dots and to get format of sliders to be nice again.
Thanks
The administrator has disabled public write access.

Green dot issue again appears 11 years 4 months ago #1121

Hi,

Open this CSS file:
cenzdra.cz/templates/cenzdra1310/css/template.css

and find this CSS rule (around 1716th line):
.art-postcontent ul>li
{
   background-image: url('../images/postbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 13px;
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

and this (around 1694th line):
.art-postcontent li
{
   font-size: 14px;
   color: #101A0F;
   margin: 5px 0;
   padding: 0 0 0 13px;
}

Remove them completely. Your problem will be solved.

But you would find the solution by yourself in couple seconds, if you were using FireBug plugin(for Firefox).

Firebug plugin is an extremely useful plugin to find the correct CSS rules to make the changes. You can even change some parameters and see the result live in the website without making permanent change in CSS file.
You should start using it.

For more info, visit here: docs.joomla.org/Tutorial:Using_Firebug_With_Your_Joomla_Website
and watch this video tutorial: community.joomla.org/videos/firebug_tuto...al_part1_english.swf

Cheers.
The administrator has disabled public write access.

Green dot issue again appears 11 years 4 months ago #1143

Thank you for proposed solution. But...

Im using Firebug, be sure. Maybe Im not too experienced user, but to find issue in template.css Im definitely able. For me, much easier would be to modify template directly in Artsteer, wouldnt? :-) But second time BUT :

I need those green dots to remain in content of my Joomla pages. I need to remove them ONLY in your Fashion mart template, as you described your template as "Joomla template independent". If you look back to solved topics in this forum, you can find there, how did you solve former "green dot" issue. I need such a solution also now. To preserve green dots in Artisteer Joomla template and to remove them JUST in FashionMart template.

Thanks
The administrator has disabled public write access.

Green dot issue again appears 11 years 4 months ago #1150

Then you can use this little trick.

Open this CSS file:
cenzdra.cz/templates/cenzdra1310/html/com_virtuemart/assets/css/flexibleVM2Global.css

And add this CSS rule (where ever you want):
div.FlexibleFrontpageProductRow ul > li {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
}

So those green dots will be gone only in the slider, but they persists in other sections. You can follow the same procedure to hide something in anywhere in the website. It is called "CSS overwriting".

Cheers.
Flexible Support
The administrator has disabled public write access.

Green dot issue again appears 11 years 4 months ago #1167

I confirm, proposed solution now works exactly as I need. Thanks. And thanks for sharing that useful trick with me.

Let me to ask you one additional question - slider now works, as I need. Only I have issue with part of product images, which thumbnails were not resized automaticaly to 200x200 size. In you tutorial you write "There is neccesserary in this case to regenerate thumbnails manualy". My question is : How to regenerate thubnails manually? I tried many ways, but with no success. Will you help me?

Thanks
The administrator has disabled public write access.

Green dot issue again appears 11 years 4 months ago #1172

I know an easy way. But be cautious before trying this. Becuase it was suggested by someone in this forum, and i haven't tried it before.

According to that guy, first define the new thumbnail new height and width sizes in the VM Configuration, and make sure "Enable Dynamic Thumbnail Resizing?" is checked.

Then open the directory that your thumbnails are stored. It is usually here:
images/stories/virtuemart/product/resized/

And delete all of those thumbnail. (for testing just try 1-2 for now and see if this works.)

Then open the website, you will notice that thumbnail is gone.
Then go back to your VM Backend, and click SHOP > MEDIA FILES.
Now, that missing thumbnail should be regenerated by Virtuemart based on the new values you just set. Look at the website again, you should see the missing thumbnail now.

Try it.
But again, first of all, just delete 1-2 thumbnail to see it it actually works.
Eventhough you see this works for 1-2 thumbnails, make sure to backup all thumbnails before deleting, just in case :)


Cheers.
The administrator has disabled public write access.
Time to create page: 0.080 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo