Jump to content

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

Help With Custom Ccs And Visual Editor Overwrite. Rate Topic   - - - - -

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

Posted 19 December 2015 - 09:10 PM #21

Yes, the OP needs to learn how to use code inspector and determine what the right qualification should be for the affect he wants to create.

 

Would suggest an online tutorial on css.


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.


 

Posted 20 December 2015 - 02:19 AM #22

That would be me and you can say that again.. I am a business owner who specialized in ink distribution and chip coding. That said, I have developed my entire website without any help, and haven't even had a developer take a look at it yet. Prior to 6 months ago when I decided to start teaching myself a few different code syntax's I had no experience other than HTML, so I am taking all of your advise in and appreciate it.

The only thing I don't understand is that to simplify things I've made a class just like a default one, and applied it to the same block that the default class is used for, so although I lack experience, it seems as if the only difference is where the code resides [ie. This new CSS Class .about-co-subheader is in the styles.css file created for the My Changes add-on technique of adding new CSS code].

The reason my confusion stands is because I can correctly apply this CSS code in html blocks with code similar to <p class="about-co-subheader"> text here </p> but can not figu're out how to apply it through the user-defines CSS class field in the block settings in layout manager.

I'll leave it at that, if anyone knows the solution or has experienced this dilemma and understands what I am doing wrong your advise would be greatly appreciated; I have already picked your brains enough though.

Again, thanks to all who have contributed. It's been of great help.

 
  • Takestock
  • Senior Member
  • Members
  • Join Date: 08-Nov 13
  • 505 posts

Posted 20 December 2015 - 11:35 AM #23

That would be me and you can say that again.. I am a business owner who specialized in ink distribution and chip coding. That said, I have developed my entire website without any help, and haven't even had a developer take a look at it yet. Prior to 6 months ago when I decided to start teaching myself a few different code syntax's I had no experience other than HTML, so I am taking all of your advise in and appreciate it.

The only thing I don't understand is that to simplify things I've made a class just like a default one, and applied it to the same block that the default class is used for, so although I lack experience, it seems as if the only difference is where the code resides [ie. This new CSS Class .about-co-subheader is in the styles.css file created for the My Changes add-on technique of adding new CSS code].

The reason my confusion stands is because I can correctly apply this CSS code in html blocks with code similar to <p class="about-co-subheader"> text here </p> but can not figu're out how to apply it through the user-defines CSS class field in the block settings in layout manager.

I'll leave it at that, if anyone knows the solution or has experienced this dilemma and understands what I am doing wrong your advise would be greatly appreciated; I have already picked your brains enough though.

Again, thanks to all who have contributed. It's been of great help.

What would be really helpful is if you were to post a link to the site and an image to show the part you want to change. Someone might be able to look at it in code inspector and tell you what you are doing wrong.

 

Alan



 

Posted 20 December 2015 - 12:32 PM #24

I wanted to check back in and let everyone know that I found the resolution and since this thread has so many views and thus there are probably a lot of people with the same questions..

1. Follow the tutorial referenced at beginning of thread on how to set up the My Changes add-on for editing/adding CSS code [I used styles.css - make sure you use .css extension for both this file and also when it is referenced in the .tpl file].

2. Add code similar to this in the styles.css file you created in /css/addons/my_changes/ [important: keep the "div." and the " p {" part of the class name, everything else can be changed]:

div.about-co-subheader p {
border-width: 12px
border-style: solid
border-color: #18191A
}

3. Go to Layout Manager. Find the desired grid you want to apply your code to, and open the settings panel for that grid.

4. In the 'User-Defined CSS Class' field add: about-co-subheader [if you want to apply two or more CSS classes, put a space in between each class]

5. Administration > Storage > Clear Cache

6. Check results

Thanks to everyone for their help. Even though I solved this on my own your suggestions led me down the right path of trial and error.
I appreciate everyone's time and contribution to this matter: it was driving me crazy.

I also came across an amazing FTP client and code editor for iPad Pro for when your not at your computer. Horrible name, but it's called Textastic and is very well made. Anyone with an iPad should check it out, it is great.

 
  • theanalyst
  • Advanced Member
  • Members
  • Join Date: 17-Oct 19
  • 69 posts

Posted 09 February 2020 - 01:12 PM #25

Im wondering if someone could help me out here please.
Im trying to use a 404 page template I have. It has html source and a css file as well. Im running Viva theme, so I added an html/smarty block into the 404 main page, it shows fine but I cant see where to add custom CSS for this html block only?

@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans')
main
	height: 100vh
	width: 100vw
	background: #fff
	display: flex
	flex-direction: column
	justify-content: center
	align-items: center
	font-family: 'Merriweather Sans', sans-serif
	#errorText
		font-size: 22px
		margin: 14px 0
	#errorLink
		font-size: 20px
		padding: 12px
		border: 1px solid
		color: #000
		background-color: transparent
		text-decoration: none
		transition: all 0.5s ease-in-out
		&:hover, &:active
			color: #fff
			background: #000
	#g6219
		transform-origin: 85px 4px 
		animation: an1 12s .5s infinite ease-out
@keyframes an1
	0%
		transform: rotate(0)
	5%
		transform: rotate(3deg)
	15%
		transform: rotate(-2.5deg)
	25%
		transform: rotate(2deg)
	35%
		transform: rotate(-1.5deg)
	45%
		transform: rotate(1deg)
	55%
		transform: rotate(-1.5deg)
	65%
		transform: rotate(2deg)
	75%
		transform: rotate(-2deg)
	85%
		transform: rotate(2.5deg)
	95%
		transform: rotate(-3deg)
	100%
		transform: rotate(0)

If I add a user defined css class in the block, whats the best way to add the new class to cscart? Am I best to create a css file with the css in and call this in mychanges? How do I apply this in the block?

thanks!



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

Posted 10 February 2020 - 05:38 AM #26

Just add class to the block and use CSS section of the Theme editor to specify styles for this block


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)

 
  • theanalyst
  • Advanced Member
  • Members
  • Join Date: 17-Oct 19
  • 69 posts

Posted 10 February 2020 - 09:29 AM #27

.404css {
  CSS code
}

thanks ecomlabs, yes I added the css to the custom css file in public_html/design/themes/vivashop/styles/data/mystyle.css

 

but it just breaks the homepage layout totally.! Thats before I add the 404css as the css class to use in the 404 page html block

thanks for the help



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

Posted 10 February 2020 - 02:09 PM #28

Post the example here. Possibly some brackets or rules are not closed


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)

 
  • theanalyst
  • Advanced Member
  • Members
  • Join Date: 17-Oct 19
  • 69 posts

Posted 10 February 2020 - 02:49 PM #29

Thanks. This is the code url https://codepen.io/JuliaSS/pen/ZMaXQV

It should show like this

https://freefrontend...thing-Broke.mp4

 

Ok I have this for the html in the block (with the css in <style> tags)

<style>
 {
 @import url('https://fonts.googleapis.com/css?family=Merriweather+Sans')
main
height: 100vh
width: 100vw
background: #fff
display: flex
flex-direction: column
justify-content: center
align-items: center
font-family: 'Merriweather Sans', sans-serif
#errorText
font-size: 22px
margin: 14px 0
#errorLink
font-size: 20px
padding: 12px
border: 1px solid
color: #000
background-color: transparent
text-decoration: none
transition: all 0.5s ease-in-out
&:hover, &:active
color: #fff
background: #000
#g6219
transform-origin: 85px 4px 
animation: an1 12s .5s infinite ease-out
@keyframes an1
0%
transform: rotate(0)
5%
transform: rotate(3deg)
15%
transform: rotate(-2.5deg)
25%
transform: rotate(2deg)
35%
transform: rotate(-1.5deg)
45%
transform: rotate(1deg)
55%
transform: rotate(-1.5deg)
65%
transform: rotate(2deg)
75%
transform: rotate(-2deg)
85%
transform: rotate(2.5deg)
95%
transform: rotate(-3deg)
100%
transform: rotate(0)
}
</style>
<main>
 <svg
     viewBox="0 0 541.17206 328.45184"
     height="328.45184"
     width="541.17206"
     id="svg2"
     version="1.1">
    <metadata
       id="metadata8">
    </metadata>
    <defs
       id="defs6">
      <pattern
         patternUnits="userSpaceOnUse"
         width="1.5"
         height="1"
         patternTransform="translate(0,0) scale(10,10)"
         id="Strips2_1">
        <rect
           style="fill:black;stroke:none"
           x="0"
           y="-0.5"
           width="1"
           height="2"
           id="rect5419" />
      </pattern>
      <linearGradient
         osb:paint="solid"
         id="linearGradient6096">
        <stop
           id="stop6094"
           offset="0"
           style="stop-color:#000000;stop-opacity:1;" />
      </linearGradient>
    </defs>
    <g
       transform="translate(170.14515,0.038164)"
       id="layer1">
      <g
         id="g6219"
         >
        <path
           transform="matrix(1.0150687,0,0,11.193923,-1.3895945,-2685.7441)"
           style="display:inline;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
           d="m 145.0586,263.51309 c -90.20375,-0.0994 -119.20375,-0.0994 -119.20375,-0.0994"
           id="path6180" />
        <g
           id="g6174">
          <ellipse
             ry="9.161705"
             rx="9.3055239"
             cy="91.32917"
             cx="84.963676"
             id="path4488"
             style="display:inline;opacity:1;fill:none;fill-opacity:0.4627451;fill-rule:nonzero;stroke:#000000;stroke-width:1.08691013;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;" />
          <path
             id="path4490"
             d="m 84.984382,-0.03816399 c 0.911733,-5.0186e-4 1.661858,18.47051499 1.674386,41.22988399 0.0069,12.610431 -0.214009,23.904598 -0.56753,31.469836 -0.282878,6.088471 -0.652275,9.761785 -1.058838,9.762119 -0.406564,3.33e-4 -0.78198,-3.672386 -1.074838,-9.760657 -0.36185,-7.564779 -0.595233,-18.858715 -0.602175,-31.469228 -0.01253,-22.759565 0.717262,-41.23145213 1.628995,-41.23195399 z"
             style="display:inline;fill:#000000;stroke:none;stroke-width:0.23743393px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             id="path4496"
             d="m 85.115421,100.5729 c -0.0036,3.37532 -0.0071,6.75165 -0.0107,10.12897 m 0.512159,0.18258 c -1.914603,-0.23621 -3.505591,1.17801 -4.861444,2.68113 -1.355853,1.50312 -2.473764,3.09173 -3.387866,4.59538 -0.914103,1.50365 -1.620209,2.91586 -2.416229,4.41952 -0.79602,1.50365 -1.67928,3.09352 -0.808656,3.24054 0.870624,0.14702 3.490408,-1.14815 5.700074,-1.91396 2.209666,-0.76581 4.001473,-1.00079 5.922125,-0.86765 1.920652,0.13314 3.947462,0.6325 6.245357,1.6195 2.297896,0.98701 4.861161,2.46015 4.9051,0.91309 0.04394,-1.54706 -2.430929,-6.11379 -4.787811,-9.33976 -2.356882,-3.22597 -4.596047,-5.11158 -6.51065,-5.34779 z"
             style="display:inline;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <rect
             ry="5"
             y="314.84082"
             x="35.355339"
             height="9.8994951"
             width="100.76272"
             id="rect4553"
             style="display:inline;opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00157475;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;" />
          <path
             id="path4513"
             d="m 74.6875,125.03748 c -8.394789,7.68654 -16.790624,15.37405 -23.988969,22.38484 -7.198345,7.0108 -13.197555,13.3433 -18.781379,20.01048 -5.583823,6.66719 -10.749655,13.66605 -13.916608,18.7496 -3.166952,5.08355 -4.333432,8.24971 -4.750315,11.08369 -0.416883,2.83399 -0.08368,5.33304 1.809372,16.25302 1.893048,10.91998 5.343489,30.24673 9.760132,48.66349 4.416642,18.41676 9.798356,35.91675 15.180267,53.41738"
             style="display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             id="path4517"
             d="m 76.9375,124.66248 c -4.548745,6.50695 -9.29087,13.29053 -13.530749,18.69724 -4.239879,5.4067 -8.072459,9.57255 -11.572943,13.98975 -3.500484,4.41719 -6.66636,9.08269 -9.333429,13.99996 -2.66707,4.91727 -4.833205,10.08267 -6.333458,15.08327 -1.500252,5.0006 -2.33339,9.8328 -2.500149,14.33343 -0.166759,4.50062 0.333124,8.66631 1.249922,15.50064 0.916798,6.83434 2.249854,16.33237 3.499902,24.91604 1.250047,8.58368 2.416611,16.24967 4.583438,28.58394 2.166827,12.33427 5.333153,29.33244 8.499966,46.33323"
             style="display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             id="path4521"
             d="m 96.8125,126.22498 c 6.89586,6.45836 13.7917,12.9167 19.98957,19.14581 6.19786,6.22912 11.69789,12.22914 17.11456,18.39581 5.41666,6.16667 10.74996,12.49995 14.74993,17.91655 3.99997,5.41659 6.66659,9.91653 7.16671,17.83316 0.50012,7.91664 -1.16644,19.24921 -3.3502,31.24619 -2.18376,11.99698 -4.81616,24.33632 -8.42063,38.99809 -3.60448,14.66177 -8.06212,31.17154 -12.56244,47.83939"
             style="display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             id="path4525"
             d="m 91.9375,124.09998 c 5.854072,7.16655 11.70824,14.33322 16.21863,20.16651 4.51039,5.83328 7.67706,10.33329 11.92718,16.33346 4.25012,6.00017 9.58322,13.49984 12.66653,18.58299 3.08332,5.08314 3.91663,7.74974 4.68205,10.91384 0.76542,3.1641 1.40129,6.50242 1.69781,8.02406 0.29651,1.52165 0.22299,1.06579 0.14933,0.60912"
             style="display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             id="path4533"
             d="m 89,123.66248 c 6.159885,11.51771 12.31996,23.03577 16.83724,31.78904 4.51728,8.75327 7.29964,14.54985 9.24424,18.32123 1.9446,3.77138 3.00519,5.42118 4.1838,9.19262 1.17861,3.77144 2.47477,9.6631 1.94443,23.80647 -0.53034,14.14338 -2.88706,36.53226 -5.4209,56.44951 -2.53383,19.91725 -5.24428,37.35836 -7.95503,54.80146"
             style="display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             id="path4537"
             d="m 87.0625,123.03748 c 2.916637,10.42937 5.833458,20.8594 7.291964,26.66356 1.458505,5.80416 1.458505,6.98257 2.402021,11.11052 0.943517,4.12795 2.827535,11.19302 4.065005,16.02501 1.23748,4.832 1.82668,7.42447 2.12139,10.84263 0.29471,3.41815 0.29471,7.65958 -0.11785,20.44893 -0.41255,12.78934 -1.23731,34.11536 -2.18014,53.62015 -0.94282,19.50478 -2.003429,37.18159 -3.064154,54.86032"
             style="display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             id="path4541"
             d="m 85.206367,122.98266 c 0.117841,11.74369 0.235693,23.48835 0.235693,36.55072 -10e-7,13.06238 -0.117833,27.43796 -0.05891,45.3521 0.05892,17.91413 0.29461,39.36153 0.707091,58.80738 0.412482,19.44585 1.001711,36.88701 1.590999,54.32995"
             style="display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             id="path4545"
             d="m 83.12978,122.92016 c -2.601311,10.56131 -5.214983,21.17282 -7.40283,31.41665 -2.187847,10.24384 -3.955407,20.14218 -5.074975,26.03483 -1.119568,5.89264 -1.59092,7.77805 -1.885708,10.07706 -0.294789,2.29901 -0.412567,5.0079 5.1e-5,17.56339 0.412617,12.55548 1.355064,34.93859 2.474996,54.74239 1.119932,19.80379 2.415574,37.00049 3.712005,54.20767"
             style="display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             id="path4549"
             d="m 79.25478,124.23266 c -5.440192,11.56251 -10.880951,23.12622 -15.899657,33.56368 -5.018706,10.43747 -9.614414,19.74672 -11.912808,26.70033 -2.298394,6.95362 -2.298394,11.54922 -1.355419,24.57415 0.942974,13.02493 2.828182,34.46917 5.066095,53.84746 2.237913,19.37829 4.833109,36.71892 7.425959,54.04387"
             style="display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             id="path4556"
             d="m 42.426407,155.38825 c 3.4184,0.82513 6.836082,1.65009 10.606997,2.18034 3.770916,0.53024 7.89657,0.76599 11.608535,0.88382 3.711965,0.11782 7.012548,0.11782 10.429711,0.0589 3.417163,-0.0589 6.953769,-0.17681 10.606588,-0.23572 3.652818,-0.0589 7.425155,-0.0589 11.137027,-0.23569 3.711875,-0.17679 7.366225,-0.53043 10.724475,-0.70716 3.35826,-0.17672 6.4233,-0.17672 9.48702,-0.58922 3.06372,-0.41251 6.12885,-1.23774 9.1918,-2.06238"
             style="display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             id="path4560"
             d="m 13.113199,198.16821 c 47.547038,0.40361 95.093071,0.80721 142.638101,1.2108"
             style="display:inline;fill:none;stroke:#000000;stroke-width:1.00614154px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             id="path4529"
             d="m 132.6875,263.34998 c -4.2289,18.4155 -8.45806,36.83216 -12.6875,55.25"
             style="display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <ellipse
             ry="4.6715717"
             rx="2.5"
             cy="238.08525"
             cx="119.12262"
             id="path4614"
             style="display:inline;opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00157475;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;" />
          <ellipse
             ry="4.3158579"
             rx="4.9001703"
             cy="4.3948641"
             cx="85.016434"
             id="path4616"
             style="display:inline;opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.82170224;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;" />
          <ellipse
             transform="translate(-170.14515,-0.038164)"
             ry="3.880542"
             rx="3.5777507"
             cy="164.5713"
             cx="321.42224"
             id="path4565"
             style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00157475;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;" />
          <path
             transform="translate(-170.14515,-0.038164)"
             id="path4567"
             d="m 321.74355,168.0687 c -1e-5,3.3913 -3.42414,11.26702 -8.73834,11.26702 -5.3142,0 -18.59463,27.24606 -8.38477,3.759 1.35199,-3.11016 5.69513,-12.89881 10.50609,-15.15612 8.05545,-3.77965 6.61702,-3.26121 6.61702,0.1301 z"
             style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00157475;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;" />
          <path
             transform="translate(-170.14515,-0.038164)"
             id="path4570"
             d="m 325,163.45184 c 1.66722,0.62594 3.33388,1.25167 3.33438,1.56444 5e-4,0.31276 -1.66671,0.31276 -3.33438,0.31276"
             style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             transform="translate(-170.14515,-0.038164)"
             id="path4578"
             d="m 314.72098,177.37003 c -0.21488,1.64138 -0.42965,3.28197 0.28484,3.96351 0.71449,0.68155 2.35396,0.39999 3.99418,0.1183"
             style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             transform="translate(-170.14515,-0.038164)"
             id="path4578-1"
             d="m 316,176.45184 c -0.29612,1.41007 -0.59214,2.81967 -0.25801,3.48764 0.33413,0.66798 1.29605,0.59017 2.25801,0.51236"
             style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             transform="translate(-170.14515,-0.038164)"
             id="path4610"
             d="m 318,180.45184 c 0.66667,0 1.33434,0 1.501,0.16616 0.16667,0.16617 -0.16667,0.49951 0.001,0.66667 0.16767,0.16717 0.68771,0.16717 0.89053,0.36949 0.20282,0.20233 -0.0582,0.46335 -0.39253,0.79768"
             style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" />
          <path
             id="path4573"
             d="m 155,199.59998 34.15106,6.52318 v 11.49049 l -1.06066,13.43503 -3.88908,19.44543 -3.00521,10.42983 -4.06586,12.19759 -17.14734,-4.94975 -14.92431,-4.65869 v 0 L 155,199.59998"
             style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
          <path
             id="path4575"
             d="m 172.53405,202.94118 -2.65165,33.23402 -3.53553,16.97056 -5.12652,15.73313"
             style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
          <path
             id="path4579"
             d="m 187.2662,239.00256 c 0.76634,-0.82482 2.12163,-2.00333 3.50552,-2.26818 1.38389,-0.26485 2.79921,0.38383 3.2412,1.53192 0.442,1.14808 -0.0885,2.79852 -1.5624,3.24089 -1.4739,0.44236 -3.88809,-0.32312 -3.7995,0.001 0.0886,0.32427 2.68064,1.73812 4.00626,3.12221 1.32563,1.38408 1.38456,2.73956 0.79537,3.38822 -0.5892,0.64866 -1.82576,0.58977 -2.53349,0.11762 -0.70773,-0.47215 -0.88437,-1.35536 -1.59092,-2.65068 -0.70656,-1.29532 -1.94507,-3.00565 -2.47512,-4.09626 -0.53005,-1.09062 -0.35326,-1.56206 0.41308,-2.38689 z"
             style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
        </g>
      </g>
    </g>
    <g
       id="layer3">
      <g
         id="text4526"
         style="fill:url(#Strips2_1);fill-opacity:1;stroke:none;stroke-width:1.23488784;"
         transform="matrix(0.97168718,0,0,1.0291378,170.14515,0.038164)"
         aria-label="4">
        <path
           id="path4555"
           style="fill:url(#Strips2_1);fill-opacity:1;stroke:#000000;stroke-width:1.23488784;stroke-opacity:1"
           d="M -0.46490841,256.59082 H -26.166013 v 43.5298 h -41.214384 v -43.5298 h -75.829833 l -9.95629,-15.28174 64.136994,-140.0826 h 8.914347 l 33.573515,15.8606 -48.507941,89.60655 -11.461305,19.56526 h 39.130513 l 4.399288,-43.06672 h 36.815096 v 43.06672 h 25.70110459 z" />
      </g>
      <g
         id="text4526-2"
         style="fill:url(#Strips2_1);fill-opacity:1;stroke:none;stroke-width:1.23488784;"
         transform="matrix(0.97168718,0,0,1.0291378,377.95605,103.2934)"
         aria-label="4">
        <path
           id="path4558"
           style="fill:url(#Strips2_1);fill-opacity:1;stroke:#000000;stroke-width:1.23488784;stroke-opacity:1"
           d="m 147.55592,156.33602 h -25.70111 v 43.5298 H 80.640431 v -43.5298 H 4.8105946 L -5.1456892,141.05429 58.991302,0.97168512 h 8.914347 L 101.47916,16.832277 52.971223,106.43883 41.50992,126.00409 h 39.130511 l 4.399288,-43.06672 h 36.815091 v 43.06672 h 25.70111 z" />
      </g>
    </g>
  </svg>

  <p id="errorText">O-o-oh! Something broke.</p>
  <a id="errorLink" href="/">Go Back</a>
</main>

 

I also tried it by adding the user defined css field  and then I defined and added the css in the vivatheme css style file for my own saved theme (the version with all my changes in). When I did this it killed the homepage.

 

The css file I added the code to was public_html/design/themes/vivashop/styles/data/mysitestyle.css   -> in this folder there is also mysitestyle.less    

 

Any help is appreciated. I was reading a guide about using mychanges to include my own CSS file but dont think I need to that for this as there is no style applied to this block, so I dont need to use .less I am sure?

 

At the moment I am getting the graphic image and the text, but it is not animated or centred on the page. So basically the css is being ignored but the html is displayed

 

THANKS



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

Posted 11 February 2020 - 06:41 AM #30

Your code has a lot of errors. It causes the issue. Find someone who is familiar with CSS to correct your code


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)

 
  • theanalyst
  • Advanced Member
  • Members
  • Join Date: 17-Oct 19
  • 69 posts

Posted 11 February 2020 - 09:58 AM #31

Thanks yes I know this I am looking into it. I have made different css code work on the block . I will probably use some different code, easier for an error page.