Forum Replies Created
-
Posts
-
Thank you Victoria!
That works great ^^
I am starting to understand the concept here.
Now if i would want to only apply this to a specific table or maybe just a single cell, can that be done as well?
For example in the developer section for the cell? Or by using html code or something specific directly in the cell content?All the best
MattHi Ismael,
thank you for that. Now it does indeed look the way it should. For some reason though and i am not sure what it is, the button code (not the button itself but the calendly stuff), seems to break all the animations and the parallax effect.
<link href=”https://calendly.com/assets/external/widget.css” rel=”stylesheet”>
<script src=”https://calendly.com/assets/external/widget.js” type=”text/javascript”></script>I dont know how thats possible. In my understanding thats just a script and a stylesheet to load.
Thank you again!
MattHi Ismael,
indeed i had to move it to a copy of the actual page, as it did break more things on top as well.
Parallax seems to not work
Counters on numbers dont load anymoreAlso i tried your suggestion with the performance setting however it didn’t change anything interestingly.
The button is still just text.Might it be necessary to load the css and the script by default somehow in the child theme directly and then call it from the page?
I am not sure if thats possible but there is a functions.php file and a shortcodes.js ?I did manage to get a link to work with the script and all. It is almost a button now! ;)
Here is the code i used and below the page i implemented it.
<!-- Calendly link widget begin --> <link href="https://calendly.com/assets/external/widget.css" rel="stylesheet"> <script src="https://calendly.com/assets/external/widget.js" type="text/javascript"></script> <!-- Calendly link widget end --> <div class="avia-button-wrap avia-button-center avia-builder-el-52 el_after_av_codeblock avia-builder-el-last "> <a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/URL'});return false;"> <span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span> <span class="avia_iconbox_title">Schedule a demo</span> </a></div>Hi Ismael,
thank you for the information on this. I am not a brilliant coder, so i might have missed something here :(
I did combine this and put it in a codeblock. However i get a link to the page the codeblock is on and the button is just text. Highly confused right now.
Also i might need the stylesheeet included somewhere and the script source?I paste my codeblock below. If access to the page would help i can create an account of course!
thank you again
MattOk,
i think this is a bit more complicated than i thought. ;) The definitions are in a dynamically created css in the upload folder.
I guess i can patch together the font formatting using that as an example.
Am i correct that all those deifnitions need the “!important” tag?Hi Rikard,
actually most of them are there, but not all. I want to change the line hight for example to above 1.9em.
I do not now how to code this however using the uploaded fonts i use.In general my preferred approach is:
1. use the advanced styling to configure all as near to what i want as possible
2. go to whatever the place is, where the code is stored in enfold in some css (if it is at all).
3. take the code as example and then use it to define all styles with that code (modified to my needs) and put it into the enfold child “style.css”I cannot find the css though where those advanced stylings would be saved to.
Best!
MattHi NIkko,
that worked out flawless.
I tried it in quick css and the child css-file and both options work (technically i guess they are almost the same).Many thanks!
MattHi Victoria,
that doesn’t seem to work (neither in the child custom css, nor in the quick css).
I cleared browser cache and also disabled the caching in enfold:
CSS file merging and compression
Javascriptand selected “Delete old CSS and JS files”.
Do you think the only way might be to edit the custom.css of the parent? That would defeat the purpose i guess however ;)
Thank you!
MattHi Ismael. That worked out great for the circle.
Now i just need to change the circle “transparancy” a bit with a white inner background at maybe opaque 0.5 setting or the like.
Can that be done somehow by adding a setting?Many thanks!
MattHi Rikard,
Indeed I solved it in another way ;)
I moved the Burger to the left.
position: fixed;
Left: 0px;Could I also use something like this?:
position: fixed;
Bottom: 0px;
Left: 50%The goal is to move the menu to the bottom in the Center.
All the best!
MattOn a related topic but for mobile:
I used below code to make the burger menu sticky:
/* Sticky burger on mobile */
@media only screen and (max-width: 990px) {
.responsive #top .av-main-nav .av-burger-menu-main {
position: fixed;
top: 0px;
}}now, the Burger is overlaying the “Search Icon” (Magnifying Glass).
Is there a CSS available to move the search icon slightly to the left?
Thank you!
MattThank you Victoria,
i applied above code in the Quick CSS.The burger menu is fixed now :)
In general: Does the burger menu come with that much white space by default or did i mess up something?Also would you have a code to decrease the menu/submenu distance?
Thank you!
Matt
