Forum Replies Created
-
Posts
-
Hi! I did found and deactivated the plug-in that created the conflict. So now the Advanced Layout is loading quickly. But it doesn’t save when I want to update a page when I click on the update button. Can you see why?
Hi Ismael,
I disabled all plugin related to “Private Content” and the page is still not loading! So I activate it back because clients use this site regularly!
Hi Ismael, Thanks for helping! I don’t know where to put the site URL when you talk about the “private field”? For now I disabled the file compression, but the Advanced layout still not loading!
Thanks! I actually used this code to achieve my goal! I had just forgot to use the “@media only…” at first!
@media only screen and (max-width:989px) {
.sub-menu li a .avia-menu-text {
font-size:20px!important;
color: #d99e45;
}}You can close this!
Hi Rikard,
You can close this! I’m all good. And with all the above information from Guenni, I have a lot of useful solutions for other pages and future sites.
Thanks again!
Thanks for all this help! The svg solution was getting to complicated for me, so I returned to your css solution and finally figure it out. I’ll copy my code here if it can help someone else in the future.
.blog-divider .container {
background-image: url(https://metamorfic.net/dev/synapse/wp-content/uploads/2021/02/double-wabe-bot.png), url(https://metamorfic.net/dev/synapse/wp-content/uploads/2021/03/black-transparent.png);
background-repeat: no-repeat, no-repeat;
background-position: left bottom, left bottom;
background-size: 100%, cover;
padding-bottom: 8%;}.responsive #top #wrap_all .container{
width: 100%;
max-width: 100%;
padding-left: 50px;
padding-right: 50px;}Yes I cleared the cache, I tried with a private window and looked on mobile devices and can’t see it. Can you see it on your side?
So sorry for the misunderstanding! I end up on one of your tread about svg divider and created my won svg and added this code. But it doesn’t work and I’m getting a little lost here. What should I insert after Content: “?”
#start::before .blog-divider {
content: “”;
background-image: url(wp-content/uploads/wave-bot.svg);
background-repeat: no-repeat;
background-size: 100vw 200px;
background-position: left bottom !important;
width: 100%;
height: 100%;
position: absolute;
z-index: 50;
}Hi Guenni
I understand your code, but my challenge is that my client will change the photo for each blog post. So the css should not include the name of the background photo but should apply to the container with the CSS id. Does that make sense?
Thanks!
Hi Yigit!
I added the code to my functions.php child theme, but I still can’t see the post navigation on my article page.
Hi Guenni,
Can you help me to move my png on top of the dark overlay in my top section? I would really appreciate it. I really tried to figure it out by myself, but can’t find the right code!
.blog-divider .av-section-color-overlay-wrap {
background-image: url(https://metamorfic.net/dev/synapse/wp-content/uploads/2021/02/double-wabe-bot.png);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100%;
padding-bottom: 8%;}Thanks!
Hi! I created an other ticket to know how to insert my png in the top section. But I still need to understand why the full width slider (line blue and yellow in my post) makes the post navigation disappear? Thanks!
OMG, so sorry, I got part of my answer. Just need to place the black overlay between the image and the png!
Heres’s my new code:
.blog-divider .av-section-color-overlay-wrap {
background-image: url(https://metamorfic.net/dev/synapse/wp-content/uploads/2021/02/double-wabe-bot.png);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100%;
padding-bottom: 8%;}The only problem with your method, is that I will need this to apply to the image my client will insert in each individual blog post. So it would be better if the css could be apply to the image inserted in the color section module. That way, my client wouldn’t have to do any code. Is that clear? Sorry I’m French so maybe sometimes my english is far from perfect! ;)
I still need your help to apply a dark overlay between the image and the png.
Wait! this works now that I removed the background image in the module editor.
But now I need my png to be on top of the dark overlay!
Hi Guenni,
I used this code based on your tutorial:
.divider-bottom {
background-image: url(https://metamorfic.net/dev/synapse/wp-content/uploads/2021/02/double-wabe-bot.png), url(https://metamorfic.net/dev/synapse/wp-content/uploads/2021/02/clinique-synapse-comprendre-la-douleur-chronique.jpg);
background-repeat: no-repeat;
background-position: left bottom, left top, center center;
background-size: 100% 120px ,cover;
}I applied the CSS class (divider-bottom) to the color section, is that right? Because it doesn’t work for now. And how to I apply it to the footer?
Thanks for helping!
Hi Rikard!
This works great on desktop. But on mobile, the border doesn’t stay being the logo, it drop below it. Can we fix that so it stay behind the logo like on desktop?
Thanks!
We actually moved the site to an other server and that fixed all the problems we add with the update and the SSL. Thanks
Hi Rikard,
I did enabled debug mode then copied the shortcode to a new page. That works, but it doesn’t allow me to switch to visual mode. We then tried something: we copied the entire site on our own server, then everything works fine. Sio can it be a server problem? Because we also have trouble trying to install the SSL. We are in the process of suggesting our client to change their web hosting to a better one. Do you think this is a good solution?
Thanks again for your help!
