Forum Replies Created
-
Posts
-
Isn’t it, what you wanted to achieve?
Yes, but for some reason your solution did not work for me. Probably due to the reason I had to address the slider element directly and not the text section itself.
I think it would be a lot more reliable to not set an absolute width. Because when you change the text or its size or the size of the browser window (on mobile) it won’t fit
Correct, but I have implemented a different solution for smaller devices so the text will not be inside the image. Instead it will be below the background image due to a lack of space on a smartphone portrait view for example. So it’s all set.
Solved
Figured it out, was easier than I thought.So I added a custom CSS class to the “Easy Slider” element and then addressed it via CSS like this:
.kontakt-slider .avia-caption { width: 22%; left: 39%; right: 39%; }Did this for all pages individually and this allows me to have individual width values for each element – just awesome!
Thanks a lot for your input cg!Hm no – does not do what I want unfortunately.
The text is currently always left aligned in front of the background image, but I would like it to have centered and as I said, with an individual width depending on its content inside respectively the slider element.So without setting a width value it is quite tiny but if I change that, it will be like this for all the pages no matter if I define a unique ID for the color section or not.
Do you understand what I mean?Hi cg
Sure no problem and thanks a lot for your additional info/tips.
I will check them today to see if it works like I think it should.Best regards
MichaelHi
If you click at the image element where your image is embedded in, you can switch to “Link Settings” at the top.
In there you can define your image link, you select “Set manually” from the dropdown there.I hope that helps.
Best regards
MichaelHi Su
Unfortunately there is no “proper” solution yet.
Are you using WP 5.0 together with the most recent version of Enfold version 4.5.1?If yes and if you don’t want to use the Gutenberg editor at all, I would install the classic editor plugin https://wordpress.org/plugins/classic-editor to disable it completely. The Avia page builder should work fine afterwards.
Best
MichaelHi Jantien
The 60px was just an example. You can choose any value there which suits your needs to make it bigger:
.header-scrolled { min-height: 80px; }Thanks
MichaelHi Victoria
I just have a normal header (logo left, menu right) and therefore the mobile menu as described.
What else do you need to know?Thanks
MichaelCorrect, centered text with a background color and behind that a full width background image.
Could you maybe provide an example of what you mean by “let it find” and how it would work if I have e.g. “About” and “Our services” so it adjusts dynamically depending on the word length?The “Show element options for developers” option is already active, but you can’t use just for “avia-caption” as far as I know.
Hi Marine
Thanks – try adding this CSS code:
#top .fullsize .template-blog .blog-meta { float: left; margin: 0px 10px 10px 10px !important; } #top .fullsize .flex_column .template-blog .post .entry-content-wrapper > * { max-width: 90%; }Is that how you would like it to look like?
Best
MichaelHi Esther
I can’t see your screenshot, but I am pretty sure the following CSS code should do the trick e.g. with a font size of 20px:
.main_menu { font-size: 20px !important; }Please don’t forget to empty both browser cache and the one by your caching plugin afterwards if applicable.
Best and I hope that helps,
MichaelHi Marine
I would love to help you if you post your website URL here so I can see where it happens.
Without it makes it slightly more difficult.Best
MichaelIst bei mir auch noch nicht eckig, dann muss das einen anderen Grund haben.
Ich müsste das wohl genauer analysieren, denn meine provisorische Anpassung im Browser hat funktioniert.Hi Jantien
What exactly do you want to achieve? Just change the height of your shrinking header?
In my opinion you don’t need to change a JS file for that, just use the following CSS code with 60px for example:
.header-scrolled { min-height: 60px; }Does that do the trick?
Best
MichaelHi
You have to update manually in order to get Enfold 4.5.1.
There are two options to do that: FTP or via plugin.1) FTP, please check my step by step guide here https://kriesi.at/support/topic/enfold-4-5-update-via-wp-dashboard-fails/#post-1022202
2) Via plugin, you can use this one here https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/ (have not tested this method by myself as I prefer SFTP to update my theme)Hope that helps.
Best,
MichaelHallo Maik
Sehr gerne!
Nein, das ist der CSS-Code dafür. Hast du sowohl deinen Browser-Cache geleert als auch bei WP Super Cache auf “Cache leeren” geklickt?Dann müsste es eigentlich klappen.
Viele Grüsse
MichaelFollowing – great topic.
I believe I had the exact same issue (some error messages while updating from Enfold 4.5 to 4.5.1, but just after 5 times using the Envato API on the same day. This must have been in between 2 hours or something, so after 4-5 attempts the update failed for some reason.
Also very curious to know why that is and if there a way to solve that.
Thanks a lot – that worked!
My CSS code worked as well actually, you probably just did not see the difference because it was just a small change.I changed it to 30% now – is that how you wanted it to look like?
EDIT: It was not browser cache, but WP Rocket which had some cached content in it as well. Now it should be fine.
That’s weird because I tried it in the browser dev tools and it changed there.
Yes I think that would be the best for now.
Please click on my picture on the left in order to find my email address.Ok cool!
Why it just disappeared all of a sudden and how can I put it back?
No idea why it suddenly disappeared as I have not seen your website.
However, you can get it back by self hosting it. This is usually a bit tricky but there are plugins who might help you such as https://wordpress.org/plugins/selfhost-google-fonts/ (have not tested it by myself so I don’t know if it works).Mh, strange. Have you emptied your browser cache?
How about the following one?
.caption_framed .slideshow_caption .avia-caption-title { background: rgba(0,0,0,0.7) !important; }So it’s not this one here?
// https://fonts.google.com/specimen/CaveatHi Jürgen
Try the following code in Quick CSS:
.caption_framed .slideshow_caption .avia-caption-title { background: rgba(0,0,0,.7); // 70% background transparency }This should work.
Cheers
MichaelHi Xan
I know – updating via FTP for “normal” users is quite tricky.
In fact, there is another approach to solve this which has also been recommended in different threads here in the forum. You can use a plugin to upgrade your theme. However, I have not used this solution by myself. Therefore I can’t tell you if it works or not.Here is the link to the plugin I mentioned:
// https://wordpress.org/plugins/update-theme-and-plugins-from-zip-fileCheers
MichaelHi Xandria
This error happens because themeforest changed their API. Therefore you need to update Enfold manually, I recommend using (S)FTP to do that.
Please check out my detailed guide here:
// https://kriesi.at/support/topic/enfold-4-5-update-via-wp-dashboard-fails/#post-1022202Best,
Michael
