Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Custom Css For Specific Content Page Rate Topic   - - - - -

 
  • susanpaz
  • Advanced Member
  • Members
  • Join Date: 10-Jun 15
  • 91 posts

Posted 14 November 2016 - 08:03 PM #1

Ok, how can i add custom css code to a specific content page. Not a category page or product page.

Thanks!



 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 12038 posts

Posted 15 November 2016 - 04:57 AM #2

Will it conflict with other css on your site? Do you mean a cs-cart "page", "block" or something else? You need red to be specific

EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21726 posts

Posted 15 November 2016 - 08:00 AM #3

Ok, how can i add custom css code to a specific content page. Not a category page or product page.

Thanks!

 

Try to switch WYSIWYG editor to the source code mode and use the <style> tag to add new styles

 

(!) Not tested


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • susanpaz
  • Advanced Member
  • Members
  • Join Date: 10-Jun 15
  • 91 posts

Posted 15 November 2016 - 02:18 PM #4

I mean an actual page. So when I login, i go to Website, Content and add a page.



 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 12038 posts

Posted 15 November 2016 - 07:34 PM #5

Okay, so you're talking about a 'cs-cart page'.  So is the css you want to add in conflict with existing css classes?  If not, either add them via the Admin theme eidtor or use the 'index:styles' hook to reference a file that contains your css.  You can read all about how to do that in the knowledge base.


EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21726 posts

Posted 16 November 2016 - 07:42 AM #6

I mean an actual page. So when I login, i go to Website, Content and add a page.

 

I have tried my solution, but it did not work. So I have found another one.

 

- Go to Design -> Layouts

- Create new layout page for the View page dispatch

- Go to the Status tab of the layout page and add required CMS pages

- Add the main content block

- Add HTML block with smarty support

<style>
.ty-breadcrumbs span {
    font-size: 20px !important;
    color: red !important;
}
</style>

Result:

 

http://prntscr.com/d7vtoi


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • susanpaz
  • Advanced Member
  • Members
  • Join Date: 10-Jun 15
  • 91 posts

Posted 16 November 2016 - 04:24 PM #7

That worked almost perfectly, thank you! Any idea why the code would be slightly off?

 

I have tried my solution, but it did not work. So I have found another one.

 

- Go to Design -> Layouts

- Create new layout page for the View page dispatch

- Go to the Status tab of the layout page and add required CMS pages

- Add the main content block

- Add HTML block with smarty support

<style>
.ty-breadcrumbs span {
    font-size: 20px !important;
    color: red !important;
}
</style>

Result:

 

http://prntscr.com/d7vtoi



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21726 posts

Posted 17 November 2016 - 07:47 AM #8

That worked almost perfectly, thank you! Any idea why the code would be slightly off?

 

What do you mean by "slightly off" ?


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)