-
Search Results
-
In reply to: Only socket without footer on one single page
have a look on that page – open editor – on the right side there are layout options – including a part for footer setting and footer behaviour.
Unfortunately, exactly this option is missing – only display the socket and hide the footer page.
There is probably no other option than to set the footer page to display none with the page ID.f.e.:
#top.page-id-3 #footer-page { display: none; }
yes – or you decide to influence the placeholder text and input text.
#top .header_color input::placeholder, #top .header_color input[type="search"] { color: #fff !important; }or a combination:
#top .header_color input::placeholder, #top .header_color input[type="search"] { color: #fff !important; } #top .header_color #s { background: linear-gradient(-90deg,#7ea338,#3b4b1e); }In reply to: Top of Page link with icon
Hey Guenter,
Well aren’t you fast! Thanks for the help. I also had to include the following to make it work for us. Hope this gives other inspiration. Have a great day and please close ticket. Thank you!#scroll-top-link[data-av_icon]::before {
content: url(/wp-content/uploads/top.svg);
}
#scroll-top-link.avia_pop_class, #av-cookie-consent-badge.avia_pop_class {
opacity: 1;
visibility: visible;
}
html, #scroll-top-link, #av-cookie-consent-badge {
background-color: transparent !important;
}
#scroll-top-link, #av-cookie-consent-badge {
border: none !important;
}In reply to: Top of Page link with icon
a fast way might be to only replace the content:
#scroll-top-link[data-av_icon]::before { content: url(/wp-content/uploads/myTest.svg); }But I only tested it with an svg file, so I had no problems getting the dimensions to fit.
Topic: Top of Page link with icon
Hi Enfold team,
I’m wanting to replace the “^” for the top of page link with instead the site’s favicon image (jpg). I didn’t see anything in the forum. How might I attempt this?
Thanks for your help.In reply to: Mobile images full size stretch
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,
RikardTopic: PICTURE will not delete.
I have a picture in my New Jersey Fishing Pier Photography Page New Jersey Fishing Piers
On the top left, I added a picture of the Steel Pier in Atlantic City, then deleted it.
Then, I added a different picture of Ocean City Pier to it. ON THE LIVE SITE, THE CORRECT IMAGE SHOWS. ON THE BACK END THE DELETED AC PIER PICTURE STILL SHOWS
I deleted the Atlantic City pier picture from the media section completely, and it will not go away and show the correct image that is there.
Is this a sign from the Universe to use the AC pier picture?? (kidding)I DISABLED all plugins, and the issue still exists. This happened on my freinds Enfold theme too.
Why is this happening and how can I fix it??
Thank you in advance.
UPDATE…. Now my site went down with this errror.
The page you requested generated a server error and could not be processed. You might try refreshing the page. If you continue to get this message, you should contact the site owner. UPDATE… The host said it was a brute force attack.. disregard teh site down info please. JUST the original issue. thnaks.In reply to: Alb full width submenu sticky on mobile
Hi,
As I previously wrote the code works fine so we can close the topic.If I may suggest I would love to have the possibility to use a sticky menu on tablets and mobiles and be able to select it directly in the HEADER settings.
And have calculated by the theme all the top margins of the containers perfectly.Best Regards
ManuIn reply to: Space to the left and right on mobile
In reply to: Font- and button-size of post-slider, remove date
In reply to: Problem with advanced post-editor
Alright, so I just need to switch back to standard to get the post-image.
Topic can be closed, thank you!Hey Lupine-andy,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .header_color #s { background-color: #ffffff; }After applying the css, please clear your browser cache and check.
Best regards,
MikeIn reply to: Insertion of Vertical Pipe in Footer Widget
Hi,
Finally, if I want the pipe to be shorter, how do I adjust the overall length of the pipe from both the top and bottom?
To control the size of the border, you can replace the previous css code with the following code:
#footer .flex_column.first:before { height: 80%; width: 1px; position: absolute; right: -20px; background: #ffffff; visibility: visible; top: 30px; }Adjust the height property as needed.
Best regards,
IsmaelHi All
I just updated my enfold to 5.7.1 and the search box background is now green.You can see the problem here (search icon is in the top right)
http://www.lupineadventure.co.ukI have the following in my custom CSS which has always worked to turn it white up to now.
/* Search Field*/
#top .header_color input[type=’text’] {background-color: #ffffff;}Can anyone suggest why this is no longer working
In reply to: Missing lightbox
In reply to: Timeline Navigation
In reply to: contact form drop-down list background colour
In reply to: Code Block Content – coloured background behind text
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,
RikardIn reply to: Demo download issue
Hi,
Great, I’m glad to hear that you got things working. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardFor a few days I have no post editors displaying when making new posts. The editor is still displaying at the top of text blocks previously published posts.
All software and plugins are up to date
I have tried switching off all plugins (didn’t fix problem)
I’ve tried clearing cache (didn’t fix problem)
I’ve tried using other browsers (didn’t fix problem)
I normally have the Gutenberg editor bar at the top and an option for Advanced Editor
Regards, Ian
In reply to: Insertion of Vertical Pipe in Footer Widget
Thank you. I can see the pipe now, but instead of there being space between the widget and the board (which would be great), it looks as if the text has simply spread to the right to fill up the space created. Thoughts?
Also, how can I make the pipe be white like the surrounding text, etc.
Finally, if I want the pipe to be shorter, how do I adjust the overall length of the pipe from both the top and bottom?
Hi there
I have created a code block to be able to add a colored background behind the text. however I now want to add the same colored background behind the text “Dowsers Society of NSW Inc.” as well – however I have used a special heading element and changed the font size of the H1 heading to be larger on desktop and a different size on mobile. How can I create the same sizing but with the colored background like the ”
Looking for answers?
Learn to dowse” text?<div style = “padding: 20px; background: rgba(0,0,0,0.3);”>
<section class=”av_textblock_section av-lvg5hiz5-387748b8bb20df7039517ac6d2cf3547 “>
<div class=”avia_textblock av_inherit_color”>
<h2 style=”text-align: center;”><span style=”color: #ffffff;”>Looking for answers?</span><br>
<span style=”color: #ffffff;”>Learn to dowse</span></h2>
</div>
</section>Hi again,
I’m not sure I understand. I changed the container width back to 100% in the theme options, and the pricing page columns are still ‘responsive’ to small changes in browser width on my laptop and then correctly break down to a single column when the browser becomes thin enough.
If I toggle off ‘responsive’ in the same theme options, the 3 columns do not adjust to small changes in browser width and do not break into a single column when the browser is thin enough because they are now not responsive.
What I’m trying to achieve is a mixture.
The columns should not be responsive until the browser break size is thin enough, when they break into 1 column. Exactly like the other comparison website i showed.
1) is there a way we can do this over the whole website?
2) is there a way that this can be achieved just for this pricing table?Thanks for the help so far.
In reply to: Change size Doughnut Chart in mobile
Hi,
Great, I’m glad that Mike 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: Height of preview image on blog
In reply to: Alb full width submenu sticky on mobile
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,
RikardIn reply to: Space to the left and right on mobile
Hey northorie,
Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #top.home .flex_column.av_three_fifth.avia-builder-el-17 { transform: scale(1); } }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeI have some cells outside of elements which I have tried to delete using code editor but they return –
The home page is
The following code are four cells which are without elements and will not delete, after trying to delete with code editor they return and I cannot delete a white section form the page that there are causing, help very much appreciated
[av_cell_one_third vertical_align='top' padding='0' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' title_attr='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-wo7pm6' sc_version='1.0'][/av_cell_one_third]
[av_cell_one_third vertical_align='top' padding='0' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' background='bg_color' background_color='#f2f2f2' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' title_attr='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-x15f1q' sc_version='1.0'][/av_cell_one_third]
[av_cell_one_third vertical_align='middle' padding='0' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' background='bg_color' background_color='#f2f2f2' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' title_attr='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-wlqec6' sc_version='1.0'][/av_cell_one_third]
[av_cell_one_third vertical_align='middle' padding='0' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' background='bg_color' background_color='#f2f2f2' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' title_attr='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-6p69a' sc_version='1.0'][/av_cell_one_third]
Hi Mike.
Ok, I have up with Gutenberg and recreated the pricing page with avia advanced. layout builder.
you can find the link in private content.
I’ve managed to adjust the pricing table mostly to what I need. One remaining question.
How can I keep the pricing table to the 3 main breakpoints (laptop tablet phone) as the standard @media sizes in enfold. so that the column width doesn’t dynamically change as the browser width is reduced?
ideally
browser – all 3 columns 1 row – fixed width with a space between each column
tablet – all 3 columns 1 row fixed width, with a space between columns
phone – wrapped 1 column, 3 rowsChatgpt 4o has gotten me so far but not all the way.
/* Pricing rows tables pricing page */
#top .pricing-table li.avia-pricing-row {
border: none;
border-radius: 20px 20px 0 0; /* Rounded top corners */
}.avia-pricing-table-container .pricing-table > li:last-child {
border-bottom-left-radius: 20px !important;
border-bottom-right-radius: 20px !important;
}#top .pricing-table .avia-table tr {
background-color: #ffffff !important;
border: none !important;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Add drop shadow */
}/* Align text to the left in all columns of the pricing table except heading and pricing rows */
.pricing-table-wrap li:not(.avia-heading-row):not(.avia-pricing-row) {
text-align: left;
font-size: 16px; /* Set font size */
background-color: #ffffff !important; /* Force white background */
padding-left: 20px; /* Add left padding */
}
<<<————————————————>>>
This is the bit that is supposed to fix the width of the columns/* Container for the pricing table */
.pricing-table-wrap {
display: flex;
flex-wrap: wrap; /* Allow columns to wrap */
width: 100%; /* Full width container */
}/* Each column in the pricing table */
.pricing-table-wrap > ul {
list-style: none; /* Remove default list styling */
padding: 0; /* Remove default padding */
margin: 0; /* Remove default margin */
flex: 0 0 400px; /* Set fixed width for each column */
box-sizing: border-box; /* Include padding and border in width */
}/* Media query for screens between 768px and 989px */
@media (max-width: 989px) {
.pricing-table-wrap > ul {
flex: 0 0 50%; /* Each column takes 50% width */
max-width: 50%;
}
}/* Media query for screens below 768px */
@media (max-width: 768px) {
.pricing-table-wrap > ul {
flex: 0 0 100%; /* Each column takes 100% width */
max-width: 100%;
}
}Can you help fix the width of the 3 columns to the 3 breakpoints.
Tks!
Hi
A few days ago Mike provided me with a function to make sure that using the sticky menu on mobiles and tablets the anchors scroll correctly by adding the additional sticky menu of the ALB.
https://kriesi.at/support/topic/alb-full-width-submenu-sticky-on-mobile/The code works perfectly but only takes into account two screen sizes: < 989 and >990.
I would need an integration to be able to use it on three different screen sizes: <768 for mobiles < 989 for itablets and >990.
I tried to write it myself but couldn’t do it. I basically can’t write the middle line of code which should be something that looks like else if ((width >768 <990)) {Below is Mike’s code
function custom_change_offset() { ?> <script> (function($) { var width = $(window).width(); if ((width < 989)) { $('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top - 140 //offset }, 1000); return false; } } }); //Executed on page load with URL containing an anchor tag. if($(location.href.split("#")[1])) { var target = $('#'+location.href.split("#")[1]); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top - 140 //offset }, 1000); return false; } } } else if ((width > 990)) { $('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top - 150 //offset }, 1000); return false; } } }); //Executed on page load with URL containing an anchor tag. if($(location.href.split("#")[1])) { var targett = $('#'+location.href.split("#")[1]); if (targett.length) { $('html,body').animate({ scrollTop: targett.offset().top - 150 //offset }, 1000); return false; } } } }(jQuery)); </script> <?php } add_action( 'wp_footer', 'custom_change_offset', 99 );
Viewing 30 results - 4,741 through 4,770 (of 142,859 total)
