Virtuemart category name / header style

eleanor
374 Posts
eleanor posted this 07 July 2016

Hiya

I have added a category name into my site using cms.

(Fabulous page of code from Themler, thank you!)
http://answers.themler.com/articles/67028/tips-and-tricks

I am finding it tricky to style the text as it seeems to be the same css as the body text.
Can you tell me the how to style just this category name text please?

My test site is,
http://i2test.ywdw.co.uk

category-name-style.JPG

Thank you, kind regards

Hiya I have added a category name into my site using cms. **(Fabulous page of code from Themler, thank you!)** http://answers.themler.com/articles/67028/tips-and-tricks I am finding it tricky to style the text as it seeems to be the same css as the body text. Can you tell me the how to style just this category name text please? My test site is, http://i2test.ywdw.co.uk !category-name-style.JPG! Thank you, kind regards

Last edited 07 July 2016 by eleanor

Vote to pay developers attention to this features or issue.
8 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 07 July 2016

Hi,

You have used this code?

<div><?php echo $this->category->category_name; ?></div>

Please try to add the unique class name like:

<div class="my-category-name"><?php echo $this->category->category_name; ?></div>

Then you can use custom CSS to style that line. It can be added under the Home >> Settings >> Additional CSS:

.my-category-name
{
font-size:16px;
color:#567890;
}

Sincerely,
Hella

Hi, You have used this code? <div><?php echo $this->category->category_name; ?></div> Please try to add the unique class name like: <div class="my-category-name"><?php echo $this->category->category_name; ?></div> Then you can use custom CSS to style that line. It can be added under the Home >> Settings >> Additional CSS: .my-category-name { font-size:16px; color:#567890; } Sincerely, Hella
eleanor
374 Posts
eleanor posted this 08 July 2016

Thank you Hella,

It took me a moment to understand what you were saying, so for others...

I clicked on the text and found it was CMS Code
The CMS Code tab appeared and I clicked on Edit CMS Code
I changed what was there to your new suggestion
I added the CSS to the Edit CSS in the CMS Code tab and saved

Ta Da!

Category-heading-CMS-change.JPG

Thank you

Thank you Hella, It took me a moment to understand what you were saying, so for others... I clicked on the text and found it was CMS Code The CMS Code tab appeared and I clicked on Edit CMS Code I changed what was there to your new suggestion I added the CSS to the Edit CSS in the CMS Code tab and saved Ta Da! !Category-heading-CMS-change.JPG! Thank you
Support Team
Support Team posted this 08 July 2016

Hi,

Great!
Please let us know if you need our further assistance.

Thank you,
Themler Team

Hi, Great! Please let us know if you need our further assistance. Thank you, Themler Team
Abbas Khan
184 Posts
Abbas Khan posted this 4 weeks ago

People visit not only to search but also to relax and enjoy a few cheerful moments. A good funny borg names can break the ice in conversations, make gaming sessions more lively, and bring energy to social profiles. The platform understands that humor is universal and that everyone enjoys laughter in different ways.

People visit not only to search but also to relax and enjoy a few cheerful moments. A good funny **[borg names][1]** can break the ice in conversations, make gaming sessions more lively, and bring energy to social profiles. The platform understands that humor is universal and that everyone enjoys laughter in different ways. [1]: https://funnynameslab.com/funny-borg-names/
smartsimregph
1 Posts
smartsimregph posted this 3 weeks ago

To understand how to pasaload TNT, you can easily transfer prepaid load directly from your phone. Simply enter the correct TNT pasaload format, include the recipient’s TNT number and the amount you want to send, then forward it to the official service number. After receiving confirmation, the load is credited instantly, making it a convenient way to share balance anytime without visiting a retailer.

To understand [how to pasaload TNT][1], you can easily transfer prepaid load directly from your phone. Simply enter the correct TNT pasaload format, include the recipient’s TNT number and the amount you want to send, then forward it to the official service number. After receiving confirmation, the load is credited instantly, making it a convenient way to share balance anytime without visiting a retailer. [1]: https://smartsimregistrationph.com/how-to-pasaload-smart-and-tnt/
fantasynamesaura
1 Posts
fantasynamesaura posted this 3 weeks ago

In Japanese, purple is called “murasaki” (紫), a color that has long been admired for its richness and symbolism. In ancient Japan, murasaki was associated with the imperial court and represented prestige, wisdom, and refined beauty. Because purple dye was rare, it became a mark of distinction and honor. Today, purple in Japanese culture still reflects creativity, elegance, and a subtle sense of mystery that blends tradition with modern style.

In Japanese, purple is called “murasaki” (紫), a color that has long been admired for its richness and symbolism. In ancient Japan, murasaki was associated with the imperial court and represented prestige, wisdom, and refined beauty. Because purple dye was rare, it became a mark of distinction and honor. Today, [purple in Japanese][1] culture still reflects creativity, elegance, and a subtle sense of mystery that blends tradition with modern style. [1]: https://alljapanesenames.com/japanese-names-meaning-purple/
jacksonsufi0
1 Posts
jacksonsufi0 posted this 2 weeks ago

Names that mean time carry a sense of depth and destiny. Names like Chronos symbolize continuous time, while Kairos represents the perfect, life-changing moment. Zaman reflects the flow of years and history, and Tempus gives a timeless, classical feeling. A time-inspired name often expresses patience, growth, and the belief that every moment shapes our future.

[Names that mean time][1] carry a sense of depth and destiny. Names like Chronos symbolize continuous time, while Kairos represents the perfect, life-changing moment. Zaman reflects the flow of years and history, and Tempus gives a timeless, classical feeling. A time-inspired name often expresses patience, growth, and the belief that every moment shapes our future. [1]: https://allnameslab.com/japanese-names-that-mean-time/
stevenkang256
24 Posts
stevenkang256 posted this 2 weeks ago

Road Safety Canada is a professional and MTO-approved driving school serving students in Barrie and surrounding areas. As a recognized provider under the Ministry of Transportation of Ontario guidelines, Road Safety Canada delivers high-quality road safety programs designed to build confidence and responsible driving habits. Whether you are a beginner driver or preparing for a Class 1 license, our certified instructors provide structured online and in-person training. We focus on defensive driving, hazard awareness, and road test preparation to help students succeed. Enroll with Road Safety Canada today and gain the skills, knowledge, and certification needed for safe driving in Canada. https://roadsafetycanada.com/

Road Safety Canada is a professional and MTO-approved driving school serving students in Barrie and surrounding areas. As a recognized provider under the Ministry of Transportation of Ontario guidelines, Road Safety Canada delivers high-quality road safety programs designed to build confidence and responsible driving habits. Whether you are a beginner driver or preparing for a Class 1 license, our certified instructors provide structured online and in-person training. We focus on defensive driving, hazard awareness, and road test preparation to help students succeed. Enroll with Road Safety Canada today and gain the skills, knowledge, and certification needed for safe driving in Canada. https://roadsafetycanada.com/
You must log in or register to leave comments