Forum Replies Created
-
Posts
-
Hello again,
Just wanted to update that I notice this is a new problem. On any of our new pages the shortcodes stop working about halfway through the page. These pages are pretty long though. Link attached in private area.
Thank you for assistance.
Hello Rikard,
Happy to say I got it working. I must have setup the new media upload directory and subdomain wrong. After noticing a few issues I decided to rebuild the server from scratch. I think what happened was I pointed the subdomain to the default wordpress upload directory /public/wp-content/uploads in Apache. Yet in wordpress I added the subdomain as it is and should be in the upload url and the new upload path. You’d think I’d get redirect errors though. The images worked also which is strange. Just not the icons. I made a lot of changes troubleshooting and couldn’t remember them all so I started over from scratch and migrated the site again.
Everything works great now. Thank you for the assistance.
Hello Nikko,
Yes I have tried it. I have also done a hard refresh and icons still show as squares. I put the url in the Private Content. You will see in the menu the icons are squares. Also in the top nav bar the Social icons are squares.
I have already added to htaccess
<FilesMatch “.(ttf|otf|woff)$”>
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>This is Linux using Apache. I’ve never had this issue before but I’ve combed through all the support looking for a solution.
Edit: I’ve added login creds and htaccess info.
Hello,
I ended up using 3 colored sections to get it to do what I want. The middle being the main content and the top and bottom using a background image. Then tiling horizontally with repeat option. This is just a practice run for what I want to create. Thank you.
Hello,
I still can’t get it to even show like it did before. Can somebody please help. I am trying to get a image to show and repeat at the border area of a colored section. It was working before and now it is not.
In the colored section Custom CSS class I put spidercss
I put this code in general styling CSS section
.spidercss:before {
content: ” “;
display: block;
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 179px;
background-image:
url(https://mywebsite.com/wp-content/uploads/2019/09/spider.png);
background-repeat: repeat-x;
}Hello Rikard,
For some reason it is not working anymore. I don’t understand it. I want a repeat image for a border of the colored section. I had it working where the spider web was showing and repeated and now I think I messed it up. I have done what you said and made some edits like I mentioned and it showed up perfect and now it’s just gone. I have given login credentials and details so maybe you can see what is wrong.
.spidercss:before {
content: ” “;
display: block;
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 79px;
background-image:
url(https://mywebsiteenfold.com/wp-content/uploads/2019/09/spider.png);
background-repeat: repeat-x;
}.spidercss:after {
content: ” “;
display: block;
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 12px;
background: linear-gradient(#dfe6ec 0%, transparent 0%), linear-gradient(135deg, #272220 33.33%, transparent 33.33%) 0 0%, #272220 linear-gradient(45deg, #272220 33.33%, #dfe6ec 33.33%) 0 0%;
background: -webkit-linear-gradient(#dfe6ec 0%, transparent 0%), –
webkit-linear-gradient(135deg, #272220 33.33%, transparent 33.33%) 0 0%, #272220 -webkit-linear-gradient(45deg, #272220 33.33%, #dfe6ec 33.33%) 0 0%;
background: -o-linear-gradient(#dfe6ec 0%, transparent 0%), -o-linear-gradient(135deg, #272220 33.33%, transparent 33.33%) 0 0%, #272220 -o-linear-gradient(45deg, #272220 33.33%, #dfe6ec 33.33%) 0 0%;
background: -moz-linear-gradient(#dfe6ec 0%, transparent 0%), -moz-linear-gradient(135deg, #272220 33.33%, transparent 33.33%) 0 0%, #272220 -moz-linear-gradient(45deg, #272220 33.33%, #dfe6ec 33.33%) 0 0%;
background-repeat: repeat-x;
background-size: 0px 100%, 27px 9px, 27px 9px;
}Thanks. I was able to fix it. I used border-image instead of background-image in my css and the same with repeat. So in the top css below you get a repeat png image of your choosing as a border for the colored section. The below was just some gradient CSS stuff to make sure it still displayed but you could use the same background repeat in the top for the bottom just replacing all the gradient css stuff. Thanks again.
.spidercss:before {
content: ” “;
display: block;
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 79px;
background-image:
url(//wp-content/uploads/2019/09/spider.png);
background-repeat: repeat-x;}
.spidercss:after {
content: ” “;
display: block;
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 12px;
background: linear-gradient(#dfe6ec 0%, transparent 0%), linear-gradient(135deg, #272220 33.33%, transparent 33.33%) 0 0%, #272220 linear-gradient(45deg, #272220 33.33%, #dfe6ec 33.33%) 0 0%;
background: -webkit-linear-gradient(#dfe6ec 0%, transparent 0%), –
webkit-linear-gradient(135deg, #272220 33.33%, transparent 33.33%) 0 0%, #272220 -webkit-linear-gradient(45deg, #272220 33.33%, #dfe6ec 33.33%) 0 0%;
background: -o-linear-gradient(#dfe6ec 0%, transparent 0%), -o-linear-gradient(135deg, #272220 33.33%, transparent 33.33%) 0 0%, #272220 -o-linear-gradient(45deg, #272220 33.33%, #dfe6ec 33.33%) 0 0%;
background: -moz-linear-gradient(#dfe6ec 0%, transparent 0%), -moz-linear-gradient(135deg, #272220 33.33%, transparent 33.33%) 0 0%, #272220 -moz-linear-gradient(45deg, #272220 33.33%, #dfe6ec 33.33%) 0 0%;
background-repeat: repeat-x;
background-size: 0px 100%, 27px 9px, 27px 9px;
}Hello Rikard,
Thank you for responding. I have updated the original post with the private information you requested. I have also updated the css code to show css triangles. If you scroll down the page you will see the different triangles around the colored section being repeated. I am wanting to use a png image instead of triangles to repeat making a border but when I do it nothing shows.
Something like below I get no result.
#borderimg {
border-image-source: url(border.png);
border-image-repeat: repeat;
}Hello,
I am having the same issue. the product pages are now blank. I have tried this fix/edit file config-templatebuilder > aviashortcodes > product_snippet_button.php but that file does not exist.
Enfold version 4.4.1
WooCommerce version 3.4.4Thank you for any help.
