-
Search Results
-
Hi,
so I have a color section that should have a paragraph centered vertically and horizontally. So far all good. Now I would like to add three columns of text, 1/5 each, horizontally centered, aligned within themselves to the top, but at the bottom of the color section.I looked at the documentation, there’s a part dedicated to content alignment. But when I followed the steps outlined there I could not get the content to align to the bottom.
These are the instructionsI followed from the documentation (I already replaced the ID to a customized one):
To align the content at the bottom of the color section, give your color section a custom ID “section-content-bottom”:
/*------------------------ Content alignment --------------------------*/ #section-message .container .content { vertical-align: bottom; }Also, is there a way to horizontally center the three 1/5 columns without having to add two 1/5 columns to each side?
Thank you in advance for your input.
In reply to: GRID ROW Tablet View
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 1440px){ .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell { width: 100%; display: block; } #main .avia-timeline-vertical.av-milestone-placement-left .av-milestone-content-wrap { width: 95%; } }This should make the sections have 100% width up to 1440px and make the text bubble a better width.
Please see the screenshot in the Private Content area of the expected results.Best regards,
MikeIn reply to: Please, please help me
In reply to: Can’t find how to update Twitter icon to X
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardHi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardIn reply to: Please, please help me
Hi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardHey tessaspijker,
The update to 5.6.10 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/Best regards,
RikardCiao,
controllando sul sito da mobile il menu risulta diverso da quello desktop, le pagine principali che possiedono un sottomenu non si aprono.Inoltre nella home page da mobile non si vede il menu secondario, mentre nelle altre pagine si.
Come posso risolvere questi problemi?
Grazie
In reply to: Advanced Layer Slider: slide transitions not working
In reply to: social media profile email link not working anymore
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic.
Best regards,
RikardHi,
Glad to hear that you’ve resolved the css issue. To make sure that all entries have a bottom margin on mobile view, please replace the previous css code with the following:
.responsive #top #wrap_all .flex_column.slide-entry, .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even { margin-bottom: 40px; }Be sure to insert this css rule within the existing css media query (max-width: 767px).
Best regards,
IsmaelIn reply to: Footer removal and burger menu
Hi,
Thank you for the update.
You can add this css code to adjust the color of the social icons on transparent headers.
#top .av_header_glassy.av_header_transparency .social_bookmarks li, #top .av_header_glassy.av_header_transparency .social_bookmarks li a { border-color: rgba(255,255,255,0.25); color: #009989; }The icons should revert back to white on scroll.
Best regards,
IsmaelIn reply to: portfolio category page build
Hi,
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelTopic: GRID ROW Tablet View
Dear Support Team
On the website https://gerlindemichel.osmosis.de/persoenlichkeitsentwicklung/#leadership-personal there is a Grid Row with two cells, each containing a vertical timeline.
On the cell phone the cells are displayed correctly one below the other.
Only on the tablet portrait format (see screenshot https://osmosis.de/support/gm/person/grid-row2.png) and on the tablet landscape format (see screenshot https://osmosis.de/support/gm/person/grid-row.jpeg) the cells are not yet displayed correctly.Tablet (ipad) portrait format: here the cells should be displayed one below the other as on the cell phone, for this I have inserted the following script in the css (which unfortunately does not work):
@media only screen and (max-width: 989px) {
.responsive #top #wrap_all .flex_column.av-break-at-tablet.cell-break, .responsive #top #wrap_all .av-break-at-tablet .flex_cell.cell-break {
margin: 0;
margin-bottom: 0px;
width: 100%;
display: block;
}
}Where is the error and what can I do so that it is displayed in portrait format on the tablet?
Tablet (ipad) landscape format: the cells should be displayed side by side here. I have already reduced the outer padding with the following script:
/*Grid Row cell -one_half – padding ipad*/
@media only screen and (min-width: 990px) and (max-width: 1440px) {
.responsive #top #wrap_all .flex_cell.av_one_half.gridcell-tablet {
padding: 50px 50px 50px 50px 50px !important; }
}
> Does the script fit or is there actually a simpler solution?
>> Despite this, the timelines are still not displayed correctly and overlap across the cells: https://osmosis.de/support/gm/person/grid-row.jpegWhat can I do so that the timelines are displayed correctly on the ipad landscape format?
(One more thing: To center the timelines within the cells, I have inserted the following script in the css with the help of the support (see post https://kriesi.at/support/topic/2timeline-2-different-views/):
@media only screen and (min-width: 768px) {
#main .avia-timeline-vertical.av-milestone-placement-left .av-milestone-content-wrap {
width: 44%;
} }Best regards, Diana
Translated with DeepL.com (free version)
and is that always the case with your other sections? that the following section overlaps the previous one? Then you do not need this procedure. It’s a pity that the other participants always make such a secret of the pages they want to discuss. We would have reached our goal more quickly. Creating an external shadow (in relation to the svg) is easier. However, a box shadow is not useful here.
i gave a custom class to the section with the bg video : shadowinside
#top .avia-section.shadowinside .avia-divider-svg.avia-divider-svg-bottom svg { overflow: visible !important; } #top .avia-section.shadowinside .avia-divider-svg.avia-divider-svg-bottom path { filter: drop-shadow(0 3px 10px #000) }see example page on the bottom
although not all svg-dividers are suitable for this. There must be a certain height for the filling space. For example, the shadow cast at the top of the section would not work well, e.g. the separator “split” – or “Book”
i have a different fill color for that sperators that you can better see what i mean.so for this type of shadow casting it is good if the svg has a certain height of the not to fill space there to keep the shadow inside and is not cut off.
see here the height x is too small for the shadow.
an svg like this is better suited for this purpose:
svg Link
and comparison to the original tilt from enfold: https://i.postimg.cc/CLHtkX0t/svg-difference.jpgThank you! This is very, very close to achieving the look I’m seeking!
One change, instead of the shadow going down such that it appears the video is above (higher Z value) than the section that follows it, I’m seeking to have the shadow going up such that it appears that the section immediately following the video is above the video (the following section has the higher Z value).
Question… to achieve this, would I simply invert the svg image such that the transparent portion is on top and the fading black/shadow portion is on the bottom?
Again, I greatly appreciate all of your help! Have a great day!
All the Best,
NathanIn reply to: Full size hero images are Cropped
Hi Ismael,
I’d love to have CSS as a solution but I did something wrong or the CSS isn’t not working. I added the below to general styling Quick CSS then added photo to Custom CSS Class for the Color section. There’s no change. If I got this wrong please let me know.
1) What is v-145nae-c0b58b0338c14abb31641a8e3d686685 ? Is that specic to the Test page 2 photo? If we can get this to work, I’ll apply this solution to 4-5 other pages that have the similar min Color Section size + background image size issue..photo .avia-section.av-145nae-c0b58b0338c14abb31641a8e3d686685 {
background-position: top center;
background-position: 50% 30%;
}2) While testing, I discovered that this is an issue with screen size – The photo looks perfect on a phone and tablet, is truncated at the top by ~ 0.5 to 0.75 inches on my compact laptop screen, and truncated at both the top and bottom by 1-2 inches on my large 27 inch monitor. Any way to get around this? Please see screenshot links below.
Thank you, I finally figured that out! Lord.
Hey, could you answer one more question for me on this site. I have the same audio players for all 4 people on this page:
https://voiceoverfortheplanet.com/about-us/I made one with the settings I wanted and copies for the others, but one of them looks different and I can’t figure out why. Joe Passaro’s shows “Commercial” the name of the first track, in quotes at the top with his name underneath. All of the others just have the name of the track, no quotes, no name, which is how I want it. I have chosen hide artists name on this one, just like the others, all settings are the same.
In reply to: Duplicate Function and Autoptimize
Hey francoisdufaut,
It looks like autoptimize is throwing that error, could you try reaching out to their support directly instead please?
Best regards,
RikardHello,
I just noticed a bug.
I have Enfold 5.6.10 version and WordPress 6.4.2, and autoptimize 3.1.10.
I wanted to duplicate a post, in order to edit the newer. Once the post is duplicated, when I click on modify (the new post), the editor is blank, and I received a WP error email from the website sayin :Error details
======================
Error type E_ERROR caused at line 343 in file \wp-content\plugins\autoptimize\classes\autoptimizeMetabox.php.
Error message : Uncaught TypeError: array_key_exists(): Argument #2 ($array) must be of type array, string given in \wp-content\plugins\autoptimize\classes\autoptimizeMetabox.php:343
Stack trace:
#0 \wp-content\plugins\autoptimize\classes\autoptimizeMetabox.php(56): autoptimizeMetabox->check_ao_opt_sanity()
#1 \wp-admin\includes\template.php(1456): autoptimizeMetabox->ao_metabox_content()
#2 \wp-admin\includes\post.php(2369): do_meta_boxes()
#3 \wp-admin\edit-form-blocks.php(316): the_block_editor_meta_boxes()
#4 \wp-admin\post.php(187): require(‘…’)
#5 {main}
thrownIt seems, the duplicate content in not well register in database :-\
Thanks.
Hallo Team Kriesi,
alle – echt alle posts zu diesem Thema durchsucht und keine Lösung gefunden. Am ehesten, bzw. derzeit eingesetzt ist https://kriesi.at/support/topic/fullwith-dropdown-unter-hamburger-menu-mit-social-media-icons/#post-1266922
Wie bekomme ich die Social Media Icons zentral unter dem Menü positioniert?
Leider alles doppelt, bzw. im Quellcode sogar 4 x enthalten ;)
Bitte – danke.In reply to: some styles suddenly not loading – Urgent
Bei dem Nick ausgesonnen, nehme ich mal an ich kann dir auch deutsch antworten:
Diese Fehler kann sind durch die vielen Media Querries entstanden. Eine Klammer die aufgeht – muß auch wieder geschlossen werden.
Da ich nicht weiß, was du mit deinen Regelen bewerkstelligen wolltest, kann ich auch nicht entscheiden ob der Fehler ein vorzeitiges Schließen der Klammer ist, oder eine überflüßig gesetzte Klammer ist.
Im Beispiel oben ob diese Regel nur unterhalb von 767px gelten soll oder eben generell:.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th { padding: 0; }Davon ist abhängig ob die Klammer oben zu früh geschlossen wurde, oder ob die andere zu viel ist. etc.
Da die Fehler mannigfaltig sind, empfehle ich alle zu entfernen. Die jenigen die leicht als korrekt zu erkennen sind wieder einzufügen. Also die nicht in media-querries gesetzt sind und auf/zu gehen.Und dann neu zu überdenken, was gemacht werden muss.
PS: um solche Fehler in Zukunft zu vermeiden; immer die Regeln, die du neu hinzufügen willst ganz an das Ende der Quick css zu setzen – niemals so zwischen drin reinzuschmeißen. Das birgt in sich Fehler Quellen. Dann am Ende – sortieren und die Media-Querries zusammenführen.
Ansonsten musst du eventuell auf die Hilfe eines Mods hoffen, der sich einloggt, und die verschiedenen Möglichkeiten durchspielt.
__________
With the nickname ausgesonnen, I assume I can also answer you in German:
These errors can be caused by the many media queries. A bracket that opens – must also be closed again.
Since I don’t know what you wanted to achieve with your rules, I can’t decide whether the error is a premature closing of the bracket or a bracket that was set superfluously.
In the example above whether this rule should only apply below 767px or in general:.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th { padding: 0; }It depends on whether the bracket at the top was closed too early, or whether the other one is too much, etc.
Since the errors are manifold, I recommend removing all of them. The ones that are easy to recognize as correct should be reinserted. So the ones that are not set in media-querries and open/close.And then rethink what needs to be done.
PS: to avoid such mistakes in the future; always put the rules you want to add at the end of the quick css – never throw them in between. This is a source of errors. Then at the end – sort and merge the media queries.
Otherwise, you may have to hope for the help of a mod who logs in and runs through the various options.
Hi there,
I have a problem with the featured image. Even it is set on “Single Post Style” to “Single post with big preview image (featured image)” the featured image is not shown on top of the article! Maybe for this reason the featured image is not shared as well on Facebook?! If I add manually the same picture setted as “featured image” on top of each article it will be displayed on single post view and also it will be shared on Facebook.
Can you help me with this issue?
Looking forward to hear news from you.
Yours,
MariusIn reply to: How to hide fullwidth submenu on small devices
Hi again,
I have now added the following custom CSS:
@media only screen and (max-width: 767px) {
#submenu-mobiel {
display: none;
}@media only screen and (min-width: 768px) {
#submenu-desktop-tablet {
display: none;
}The first one, for phones and tablets in portrait view seems to work as one of the submenu elements dissapears. Only problem is that is now shows a white area where the element used to be… Is there a way to remove this?
Also, the second one, for tablets in landscape view and desktop doesn’t seem to work. It still shows both submenu elements. Did I do something wrong?
Please use the same url for reference as before to see the results.
Hi Team Kriesi,
Menu Layout – Menu oben, Logo mittig – ok on Desktop.
mobile sind die Menupunkte zwar vorhanden, aber nicht sichtbar. Verschwinden hinter dem main-content.
Hatte ich noch nie.
Wie bekomme ich das mobile Menu sichtbar?
Danke.Regarding the three similar columns each with a photo and special heading (Seniors, Family, Corporate) on the homepage.
I added a background color to each column so it appears that only the special headline is in a gray box the exact width of the photo above. I get the desired effect on desktop but on mobile the gray background is larger than the width of the photo. Should I have done this a different way or is there code I can add so the gray background is responsive and only as wide as the image on all devices?
Thanks!In reply to: Blog Layout
The “jumoing” ist gone. Don’t know why.
Navigation works perceftly.
Now I’m really, really happy with this solution!! Thank you so much for your effort.Topic can be closed
Best regards!
In reply to: Error when updating Enfold to PHP version 8.2
Hey SICOS,
I see that you are running an old version of the theme, could you try to update to the latest version (5.6.10) to see if that helps please? The update to 5.6.10 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/Best regards,
RikardIn reply to: How do I set up the “Enfold Lifestyle Blog”
Hi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Viewing 30 results - 5,851 through 5,880 (of 142,882 total)
