Forum
Welcome, Guest

Information Text, Color Text and weight Flypage
(1 viewing) (1) Guest
Please post questions to this forum for our Virtuemart FlyTabs Theme!
  • Page:
  • 1

TOPIC: Information Text, Color Text and weight Flypage

Information Text, Color Text and weight Flypage 2 years, 7 months ago #429

  • syla
  • OFFLINE
  • Fresh Boarder
  • Posts: 2
Hi you all,
first of all; great flypage (thumbs up)
second: excusse me for my english, I am from the Netherlands

I would like to know following:

Text color
I am using a dark template, so the text is with. No the tab flypage background color is with, and I like it. Where can I change so the text will be black? (without changing it at the hole template like the other modules) I know i can do this in the vm editor making the text black, but can I change it so it would be automaticla like that?

Information text:
Further the text of my product informtion is large, and now the text comes out of the information box. If I change the height of the Tabbedpanelscontent; teh customer revieuws will be in it as well. Is it possible that the height change automatical whith the input info.

Weight Flypage:
The weight of the flypage is not suitable for my template, because I use left and right modulle positions, how can i change this?

Thanks
Syla

Re:Information Text, Color Text and weight Flypage 2 years, 7 months ago #440

  • nicholas
  • NOW ONLINE
  • Moderator
  • Developing for Joomla since it was born!
  • Posts: 1197
Hello Syla -

Is your site up so that I can look at it?

If it is still in development, but on a public server, can you PM me the link?

Thanks,

Glen
Nicholas
CIO - CorFun, Inc.
Publisher - orthodoxbiz.com
Webmaster - Orthodox Christian Network

Re:Information Text, Color Text and weight Flypage 2 years, 7 months ago #443

  • nicholas
  • NOW ONLINE
  • Moderator
  • Developing for Joomla since it was born!
  • Posts: 1197
Hello -

Text color you will adjust in this file:
/components/com_virtuemart/themes/Flytabs/templates/product_details/includes/flypage.tpl.css

find this code:

.TabbedPanelsContent {
border:none;
background:url(../../../images/FlytabsTabCornersContent.png) 0 0 no-repeat;
padding-top:40px;
padding-left:20px;
padding-right:20px;
height:248px;
background-color:#FFF;
margin-top:-2px;
}


and add in
color: #000000;
 

to the attributes.

The tab height won't change automatically, but you can easily change the height and not mess anything up. If you check the sticky note at the top of this forum, there is a Word document with instructions on how to make the tabs bigger and not gobble up the reviews.

I'm looking up the best way to change width, so give me a little time on that.

Thanks,

Glen
Nicholas
CIO - CorFun, Inc.
Publisher - orthodoxbiz.com
Webmaster - Orthodox Christian Network

Re:Information Text, Color Text and weight Flypage 2 years, 7 months ago #444

  • syla
  • OFFLINE
  • Fresh Boarder
  • Posts: 2
Hi Glenn,

Sticky Note?

Re:Information Text, Color Text and weight Flypage 2 years, 7 months ago #445

  • nicholas
  • NOW ONLINE
  • Moderator
  • Developing for Joomla since it was born!
  • Posts: 1197
Hello Syla -

This link:
www.corshops.com/Support/Joomla-Add-on-Support-Forums/FlyTabs-Virtuemart-Theme/Commonly-needed-modifications-in-FlyTabs.html

has a Word document that includes how to adjust the tabs and how to adjust the related items pics.

It is a 'sticky' meaning that it is pinned to the top of the forum.

I will be getting some information to you today on how to adjust the size.
Nicholas
CIO - CorFun, Inc.
Publisher - orthodoxbiz.com
Webmaster - Orthodox Christian Network

Re:Information Text, Color Text and weight Flypage 2 years, 7 months ago #473

  • jerry
  • OFFLINE
  • Moderator
  • Posts: 409
To change the size of the Flypage Template you would change the width of the following entries in flypage.tpl.css:

#VMflyProductBox {
width:766px;
margin:0px;
padding-left:20px;
}
#productReviews {
float:left;
margin-top:0px;
width:740px;
height:230px;
border:none;
background:none;
}

#productReviewForm {
float:left;
margin-top:0px;
width:740px;
height:230px;
border:none;
background:none;
}

#relatedProducts {
float:left;
margin-top:0px;
width:740px;
height:230px;
border:none;
background:none;
}

You may need to adjust the size of other elements to get them to fit in the new size. You'll just have to experiment.

Jerry
  • Page:
  • 1
Moderators: jasper, nicholas, henry, jerry
Time to create page: 1.00 seconds

Login