Forum Replies Created
-
AuthorPosts
-
Hey Rikard,
Found a solution by forcing the color to be “inherit”.
.avia_textblock a {
font-weight: bold;
color: inherit!important;
text-decoration: none!important;
}Cheers
MauriceHi, thanks a lot now it worked!! :)
- This reply was modified 5 years, 5 months ago by eKMUch.
Hi Yigit,
Wow thanks for the swift solution.
It seems to have worked well with the exception of a few elements (see private content). It states
“Notice d’admin pour:
Boîte de promotion
Cet élément a été désactivé dans vos paramètres de thème. Vous pouvez l’activer ici:
Performance Settings”In English that means more or less:
“Admin notice for:
Promotional box
This item has been disabled in your theme settings. You can activate it here:
Performance Settings”Do you know how to fix this and if we can fix it for the page globally (in case there are more issues like these in subpages which we have not yet seen)?
Thanks, R
Looks like it works :) thanks Jordan
Hi Jordan,
See link below (should then work for all blog posts)
Thanksps one additional question, is it also possible to set the image in a way that it is not display the center section of the uploaded image but the top?
January 31, 2019 at 1:18 pm in reply to: Change button styling for only one element – code does not work #1060957anybody?
Hm ok,
So is there a possibility to have two different menus – the one we have currently for desktop, and for mobile it is not the dropdown but the list? Is this achievable?Hi Basilis,
It works, thanks :)
mauriceGreat that seams to work :)
But now the right column is always a little bit highter than the left one… Can we readjust that?
thxHi Victoria,
With this code the toplevel menu is not visible all the time, but I need it there on top before I start scrolling. Well I solved it now with that code@media only screen and (max-width: 767px) {
.responsive #top .av-main-nav .av-burger-menu-main {
position: fixed;
top: 50px;
right: 20%;
}}However I am only partly happy with that solution, since it just does not look that nice. But if the other thing does not work this might be it. Is it maybe possible to give the burger menu in this case somehting like a background color with opacity, idealy in a circle shape in the background?
Hi Mike,
Guess you can close it :)
ThanksHi Victoria,
Deleted the styles tags (thanks) but still does not work.
I either got the solution that the whole menu is not sticky – or the whole menu is sticky.- This reply was modified 6 years, 1 month ago by eKMUch.
here you go
Hi Vinay,
Found out what the problem was. I had to add a height indicator to solve the issue :)
So for those who want to do something similar here the code that works:#section-1 {
background: rgba(238,238,34,0.25)!important;
}#main:before {
content:”;
position: absolute;
height: 3000px;
left:0;
right:0;
top:0;
bottom:0;
background-image: url(picture URL); background-repeat: no-repeat; background-size: cover;
background-position:100% 0%;
}Hi Vinay,
Sorry maybe I do not understand you correctly, but:
The background picture is actually much longer than the one you can see on the page, and this is the problem. The background is 1500 x 8000 px so that it is long enough for all pages. But the theme somehow cuts it off as you can see in the 2 screenshot attached..
I also attached the background picture for you so you can see how it should look like.ps I moved the page to another domain – you can find the link below.
Best,
Hi Victoria,
Yes, that is the problem, the whole menu is sticky on mobile.
But, I want to have the regular menu sticky while the toplevel menu (the blue one) is NOT Sticky.
(Only on mobile)I tested it on android and IOS (Samsung & Iphone)
Thanks for your help :)
Best regards
Hi Vinay,
Sorry for he delay, finally found time to look into that issue.
First – thank you for your code I tested it and it does somehow what I wanted but it seams to still have a little bug.
I created a new page (see private) to test it. The problem that occures is that the background picture is only as big as the actuall screen size of the device that loaded the page. As soon as I start to scroll, everything below the starting screen has no background anymore. I also tried to change the code tobackground-repeat: repeat;
or
background-size: cover;
still same problem.
Any idea?
Thanks
mauriceHi Vinay,
Thanks for your reply.
Version 1 should do the trick I guess :) so could you please explain how I add the picture to the #main or #wrap_all?
Thanks a lot :)
mauriceHey Rikard,
Just created the test page (see private). As you can see I just started but the background pictures are already implement (only visible on wide screens yet / Picture has white background and thin blue/green lines, therefore maybe not visible on first glance). So as you can see in each new color section the picture “restarts”. This should be disabled and the picture should run over the whole page without any break (exept of course the footer would start). It would be even better if, in case of a longer page, the picture would repeat at the bottom of the page.
Many thanks for your help,
Best regards,
MauriceHi Rikard,
Thanks for your response. I have not yet startet with that so I cannot send you a link :)
But I tested it on another enfold page I have and there I had the issue. Regarding the long picture, I am aware of this, but this is not the problem since it will just be a white document with some lines and circles on it. and I can make that as long as I want. So the question really is, is it possible to disable the function that the background picture “restart” on every section element? So in the end I have the picture without any break from to to bottom.
One additional question, is it possible to have diverernt background pictures on different pages?
Thanks a lot
mHi Victoria,
Thanks for following up. Well the moment I changed the code it worked. Unfortunately, some hours later it swiched back and the problem appeared again :-/
This time I removed the !important tag via editor in the layout.css – and for now it works. Hope this time it stays that way otherwise I will write again ;)
Thanks
mauriceHi Victoria,
Great thanks a lot. Couldn’t find it in the quick CSS or Stylesheet though, had to navigate to the dynamit_avia and manipulate a merged-style file to find this code line … no idea where this came from …
Anyways thanks again for your hint :)
Best
mauriceHi Victoria,
Thanks for finding this one out for me. Just deactivated the plugin and everything works smooth again.
Wow this is terrible, I also found out that this plugin was the reason many pictures from our gallery didn’t load properly :-/
Thanks so much for your help.
Have a wonderful day.Hi Rikard,
Thanks for your support
Unfortunately it does not work.
Additionally, unless I am not mistaken, you only refer to #after_full_slider_2 (so this code would only affect the slideshow slider correct?) but if you check out the second screenshot I added above you can see that the problem also occures if I have a regular 3 column layout. So the code would also need to fix this issue.
Thanks.
Hi Ismael,
Fantastic as always :) Thanks a lot.
One little issue however still exist. So when the mobile page is loaded, everything looks good on a first glance. However, as soon as I start to scroll down and the toplevel menu disappears as planned :) the burger menu and the search icon move up a little and they are no longer vertically centered. Is it possible to solve that, that it remains visually appealing?
Additionally, I found out that the menu on mobile overlaps the slideshows, which looks really really bad. I guess it just needs more space above the slideshow so that the menu is not laying over the slideshow.Many thanks
maurice- This reply was modified 6 years, 2 months ago by eKMUch.
Details in Private Content.
Hey Jordan,
Thanks for your assistance.
Please find below.
If you look at the mobile version you will see a bright blue top navigation (with Kontakt, Spenden, Partner, etc.) and below the main menu. Main menu should be sticky and top navigation (bright blue) not, if somehow possible).
Thanks
mauricefaaaantastic once again 10/10 :D
thanks so much Rikard, now it looks perfect :)Hi Rikard,
Thanks a lot, I guess we are getting closer :) Title works now in Montserrat.
However, the numbers, % icon, and the small text below (in the middle of the circle) does still appear in open sans. (at least in firefox and opera). This needs to be montserrat too…
Best,Hi Victoria,
What do you mean with the menu item with the image?I am not sure if we talk about the same issues here. I talk about the problem on the home page (link in private content).
Also you can find a visual description in the private content area below (second link).So the problem is that there are some circle charts right on the home page that do not display the correct font. The whole website has the font “montserrat” (except of H1), except of the texts in and above these circle charts. What I want to achieve is that those texts have as well the font “montserrat” sans-serif.
Thanks for your help
-
AuthorPosts