Hi,
No problem, glad you found it :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Thanks for the link though it’s already looking like your second screenshot? The button was a bit off though, this might help fixing that:
.gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label {
vertical-align: top !important;
}
Best regards,
Rikard
Hi Anne,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hello,
I’ve tried several things I’ve seen in other posts on this to no avail (deactivating plugins, updating Enfold, etc). On my home page, the gallery used to have the sorting options at the top – today for some reason, those disappeared and I can’t figure out what happened. All I did was add some videos to the Video category. At one point, I did get the All to show up, but the other categories were still missing. Any help would be greatly appreciated.
Hi Martin,
Great, glad it started working. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi Ismael,
Please see below for the requested information. I added a code to change the color, see this link: https://kriesi.at/support/topic/changing-the-color-of-arrow-taking-you-to-the-home-section/#post-713248
However, this problem has been ongoing before I added the code above.
Hi,
Please try this css code.
.av-special-heading {
margin-top: 0;
}
Best regards,
Ismael
Hi,
You should set the Blog Layout > Blog Layout to use the advance layout builder and then edit the page. Insert the Blog Post element below the text and images. We adjusted the settings.
// http://www.topsigns.net/news/
Best regards,
Ismael
Hi,
We added the following css code in the Quick CSS field.
@media only screen and (max-width: 767px) {
.responsive #top {
margin-top: -5px;
}
}
Best regards,
Ismael
Hi,
Please add a top margin.
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.home #services .av_one_third {
width: 100% !important;
margin-left: 0 !important;
margin-top: 50px;
}
}
Best regards,
Ismael
Hi,
If you’re using the advance layout builder, these elements (categories, tags, post meta info etc) will not be included automatically. You can either add them manually in a code or text block or create a custom shortcode.
@gerardbao: Please refer to these previous threads.
// https://kriesi.at/support/topic/question-about-transferring-set-up-to-our-actual-site/#post-643745
// https://kriesi.at/support/topic/missing-category-info-in-post-meta-infos-using-alb/#post-588985
@DaraEmerson: Have you tried the Widget Area element for the Yoast Taxonomy Widget?
Best regards,
Ismael
Dear support,
Hi, I’m just starting to build a website based on the Enfold Travel template, and I have a question.
On the accordion slider (right under “What kind of person are you? How do you prefer to travel?”), how do I place a text inside an accordion after it opens up with a mouse hover? (On the demo under “Adventure”, it just shows a picture of a person and a turtle, but I’d like to add a text on top of it)
Please see this link to the screenshot to fully understand my question.
I will provide the website URL and the login credentials below in the Private Content section, if you’d like to take a look inside.
Thanks.
Ray
This adds picture but puts it on left side, making content get squeeeed into right maybe 15% ….
Any way to make it so that image just gets placed on top of content?
Hi everyone, how can i make a background picture (in a color-section) fixed on mobile version?
For desktop version it is obvious, just select fixed on ‘section background’.
I tried the following code:
.avia_mobile .avia-full-stretch {
background-attachment: fixed !important;}
I also tried with position: fixed
But it didn’t work neither.
Can you help me please?
Can you possibly provide me some code for functions.php, similar as here that I can put into a new functions.php file in my child theme? Specifically:
1. I need commenters to provide their mailing address. This can be done in a single field for now and is required by the city. The field title could be Address (Street, City, Zip).
2. I need to remove website URL input.
3. I need to NOT display the address publicly, it is just for our records. I prefer to use a function and not CSS to avoid “leaking” any of this sensitive information.
Thanks!
This doesn’t achieve anything, the mountains go back to floating, then only sit right when below x pixel value until the page is scrunched up again at which point the mountains rise up. We need a way to lick the mountains to the bottom of the .top-header without them following up the logo as the logo shrinks in size.
If you shrink the window to be very tall and thin you will see what the mountains do.
I added a bit of code before the closing /head to change the android tab colour:
<meta name="theme-color" content="#e5c80c" />
Here’s the code in the child theme’s header.php:
<?php
if ( !defined('ABSPATH') ){ die(); }
global $avia_config;
$style = $avia_config['box_class'];
$responsive = avia_get_option('responsive_active') != "disabled" ? "responsive" : "fixed_layout";
$blank = isset($avia_config['template']) ? $avia_config['template'] : "";
$av_lightbox = avia_get_option('lightbox_active') != "disabled" ? 'av-default-lightbox' : 'av-custom-lightbox';
$preloader = avia_get_option('preloader') == "preloader" ? 'av-preloader-active av-preloader-enabled' : 'av-preloader-disabled';
$sidebar_styling = avia_get_option('sidebar_styling');
$filterable_classes = avia_header_class_filter( avia_header_class_string() );
?><!DOCTYPE html>
<html <?php language_attributes(); ?> class="<?php echo "html_{$style} ".$responsive." ".$preloader." ".$av_lightbox." ".$filterable_classes ?> ">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<?php
/*
* outputs a rel=follow or nofollow tag to circumvent google duplicate content for archives
* located in framework/php/function-set-avia-frontend.php
*/
if (function_exists('avia_set_follow')) { echo avia_set_follow(); }
?>
<!-- mobile setting -->
<?php
if( strpos($responsive, 'responsive') !== false ) echo '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">';
?>
<!-- Scripts/CSS and wp_head hook -->
<?php
/* Always have wp_head() just before the closing </head>
* tag of your theme, or you will break many plugins, which
* generally use this hook to add elements to <head> such
* as styles, scripts, and meta tags.
*/
wp_head();
?>
<meta name="theme-color" content="#e5c80c" />
</head>
<body id="top" <?php body_class($style." ".$avia_config['font_stack']." ".$blank." ".$sidebar_styling); avia_markup_helper(array('context' => 'body')); ?>>
<?php
if("av-preloader-active av-preloader-enabled" === $preloader)
{
echo avia_preload_screen();
}
?>
<div id='wrap_all'>
<?php
if(!$blank) //blank templates dont display header nor footer
{
//fetch the template file that holds the main menu, located in includes/helper-menu-main.php
get_template_part( 'includes/helper', 'main-menu' );
} ?>
<div id='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting('header_scroll_offset'); ?>'>
<?php
if(isset($avia_config['temp_logo_container'])) echo $avia_config['temp_logo_container'];
do_action('ava_after_main_container');
?>
Also, here’s what I have in Quick CSS:
#top .cart_dropdown { display: none; }
#twelve { background-color: rgba(0,0,0,0.5); }
#main { background-color: white; }
@media only screen and (min-width: 767px) {
#top .av_header_glassy.av_header_transparency #header_main {background-color: rgba(0,0,0,0.2) !important; } }
Adding to this.
When I used the Avia build editor on a ‘post’, it broke the WP formatting and I lost all the standard content I used to get with a WP post, like the title, social share and commenting. I got the social share and commenting back. But I’d like an easier way to get the blog meta info back on top.
What I’d like to do is maintain the blog title meta information.
So I’d like to keep the blog title, date and author (author is hyperlinked).
What custom php do I need to add to make that happen?
Please let me know if you have any questions. Thanks!
–
Gerard
Hello! I am in the process of building a new site and would love to have my page “header” styled like this http://kriesi.at/themes/enfold-hotel/
When I say header I am referring to the slider image with the Heading styled on top of it like that, kind of peeking onto the bottom of the image.
I have tried to play around with different types of sliders to get that full width look instead of just full width inside a certain container(which leaves whitespace if you’re on a larger desktop), while also having the image not take up the entire height. So being able to adjust the slider height would be preferred. Actually, the heigh of the example shown is perfect. I also have been trying to play around with image size. I keep trying to troubleshoot the best image size so that I can control, for the most part, what is cut off and what isn’t as some of the images used have text (i.e “Partners” written on a piece of paper on a table). So I guess to summarize:
1. What elements were used to achieve this look with the slider and heading below: http://kriesi.at/themes/enfold-hotel/
2. What is the best image size in px so that it can fit properly in the slider without having some of it cut off. (i.e setting the slider to No Scaling with an image that is 1500×630)
Hey velkovinoteka!
Try adding this code in Quick CSS(located in Enfold > General Styling):
#top span.blog-author.minor-meta, #top span.text-sep.text-sep-comment {
display: none !important;
}
Hope this helps :)
Best regards,
Nikko
JackyGuest
I bought the theme and after being updated. The google is not working with chrome. it will works on mobile phone chrome. Internet explore have no problem. just desktop chrome. Please help to fix that.
I am building a site using Enfold – I have large images in a common position on a number of pages at the top of my site under the menu. I want to insert captions to those images to reflect the slider on the home page. The caption needs to be aligned left to suit the style of the homepage and the photograph – but the dialogue box doesn’t allow me to specify this? It only allows for the caption to be centred? Have you a code snippet that I can use? if so where would it go?
Also the captions currently are not responsive on tablets or smart phones – have you got a code sippet that I can use to make these captions responsive so that they reduce down to fit tablets or smart phones please?
I’ve searched the forums and couldn’t find this question – but I’m sure someone must have asked it somewhere?
Also on another note – I am using Yoast (SEO plugin) with aan easy slider on the homepage and Yoast is telling me that I have no images – is that because they are buried in the slider. What is the remedy for this regarding SEO effectiveness. You’ll see what I maean if you visit the site.
Many thanks.
We are trying to use the masonry grid to produce a grid. The documentation says that images over 16:9 will expand out. The top left image in this grid (see wrong example in private content) is 1500 x 500 (tall) and should expand to the tall size like the grid on this page (see right example in private content) but isn’t – is there something else I need to know – I’m trying to figure out the ideal image sizes to ensure we have the same layout on each portfolio.
I made some progress with this by using a grid row set to have two 1/2 columns. In the left I placed two 1/1 columns (one on top of each other) for the two smaller/stacked containers. In the right I placed a single 1/1 column. That seems to work. Only I need the two on the left to span the entire height of the single container on the right. Right now I have all three set to “Equal Height”. I suspect a setting like that is what I’m looking for, but I haven’t had any luck yet.
Hi Justing
Try to add this in Quick CSS:
#top.single-post span.blog-tags.minor-meta {
line-height: 1 !important;
}
Let us know if it works ;)
Regards,
Nikko
Hi,
My name is Timothy Flores.
My Website Shop is https://kingsdesigns.com/shop/
I am having a very similar issue as described in this thread (https://kriesi.at/support/topic/bouncy-main-menu-width/) where my fonts jump to a bigger size and different font before returning to normal. This is happening on most every page. As you mentioned in the post to use a google font instead, we however cannot use a Google Font. We need to use the font we currently have. How do we eliminate the other font so that there is no confusion between the two?
Here is a video of the problem :D
https://kingsdesigns.com/wp-content/uploads/2016/11/Font-Sizes-Jump.mov
Hi!
That’s weird, I checked using google inspector but was showing different positions but upon checking all of it is top left, I updated the page after checking all in top left and it’s all working fine now. Please let us know if it’s also good on your end?
Best regards,
Nikko
Hey!
Seems like you have already fixed it by adding top margins. Is this already fixed?
Cheers!
Nikko
I have a page layout that requires two containers/boxes on top of each other and a third that will be positioned to the right of them and be the height of the first two. See the rough graphic in case that’s not clear.
If I use 1/2 columns, I can’t specify a class or ID for each column so I can try to position them and remove the padding/margins around each of the three boxes (I need no gap/margin between each of them). If I use a Color Section, I can apply a ID to that, but lose the option to specify the width of the column.
Can anyone recommend the best approach to do that? I’ve been trying a few different things and thought I would look for some suggestions rather than spin my wheels for a few more hours. Thanks!