Hey Alex,
I added this to custom CSS and it removed the white band between the top of the beaver Builder created page and the header and it worked. I too had “transparent header” set up for the site I tried it on and it worked great.
.content {
padding: 0px;
}
Does that work for you ?
Hugues
UPDATE: I partly fixed my problem.
I added a line for margin to Hugues code and pasted it in Page Builder (within an edited page)>Tools>General Settings>CSS:
.fl-builder #main .fullsize > .container {
width: 100%;
padding: 0px;
margin: 0px;
}
Then I had to set the value in Enfold>General Layout>Dimensions>Maximum Container width on 100%.
Now I get a nice full width row right and left but there is still a white strip covering the top of my row’s background
picture. It’s not the header. I set up the header to “invisible and appears once the user scrolls down” and it works accordingly. No idea what this top white strip could be.
When selecting the element on Safari, I get the corresponding code line:
<main class=”template-page content av-content-full alpha units” role=”main” itemprop=”mainContentOfPage”> = $0
Any idea?
Hi,
In my masonry, some of the pictures are shown twice – on top of each other, and one of them smaller than the other. It looks pretty weird. Why does it do that and how can I fix it?
Thank you in advance,
/malene
Hi,
To reduce the content width and increase the space on both the sides please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (min-width:768px) {
.boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
max-width: 65%!important;
}}
The current cloud background image is designed in such a way that it will be displayed only if the width of the site is X number of pixels it will not display correctly in all screen sizes. Please check the link in private and upload a image with similar pattern.
Best regards,
Vinay
Hi,
Great, thanks for the feedback. Let us know if you should need any more help on the topic.
Best regards,
Rikard
and how can i adjust this image: http://imgur.com/a/kYkfi that it looks like this: http://imgur.com/a/xN7kJ the image should appear at the desktop view on the left upper side of the browser and disapear at mobile view :)
Can you please help us here to get this effect :)
My menu in the backoffice you see as well as I would like it (as first picture linked above) .. but in frontoffice you see so (as second picture linked above) .. why? I wish the menu burger also saw in desktop mode .. How can I do?
BackOffice menu: https://www.dropbox.com/s/f7yey02qq7p5knf/burger-menu.jpg?dl=0
My menu: https://www.dropbox.com/s/8ywrub1er1q7isr/stock-photo-woman-with-futuristic-hairdo-438572191.jpg?dl=0
I’m sorry for my bad english.. I hope that I explained well…
Thanks a lot
Vanessa
Hey Yorivan,
If you are referring to Color Section elements then you could give them ID’s in the element options and use CSS like this:
@media only screen and (min-width: 768px) {
#section-desktop {
display:block !important;
}
#section-phone {
display:none !important;
}
}
@media only screen and (max-width: 767px) {
#section-desktop {
display:none !important;
}
#section-phone {
display:block !important;
}
}
If that is not what you are looking for then please try to explain a bit further and post a link to the site in question.
Best regards,
Rikard
Hey Chris,
Please try the following in Quick CSS under Enfold–>General Styling:
.home .avia-section.av-minimum-height .container .content {
display: block !important;
padding-top: 10% !important;
}
Best regards,
Rikard
Hi,
Great, glad you got it working and thanks for sharing :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Thanks for the feedback, let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Please adjust the css media queries.
@media only screen and (max-width: 1024px) {
.only-desktop {
display: none !important;
}
}
@media only screen and (min-width: 1024px) {
.only-mobile {
display: none !important;
}
}
Best regards,
Ismael
Hello.
We have a development site that is having serious conflicts with Enfold.
https://wordpress.org/plugins/yith-infinite-scrolling/
When activated, both WooThumbs and YITH Infinite Scrolling plugins are causing saving errors in Theme Options.
The infinite Scrolling plugin duplicates content on a page instead looping through products once and stopping.
I have also tried 3 additional plugins and all do the same: load the same images repeatedly.
Regenerate Thumbnails plugin throws this error when regenerating thumbnails:
function (){if(!d){var c=arguments,g,h,i,j,k;b&&(k=b,b=0);for(g=0,h=c.length;g
Please help.
-
This topic was modified 9 years, 5 months ago by
tdoornbos. Reason: Added url
I found this code in that file:
if(tempPadding > 0 && shrink)
{
tempPadding = (tempPadding / 2 ) + non_shrinking + non_shrinking2;
}
else
{
tempPadding = tempPadding + non_shrinking + non_shrinking2;
}
tempPadding += parseInt($(‘html’).css(‘margin-top’),10);
fixedMainPadding = tempPadding;
}
else
{
fixedMainPadding = parseInt($(‘html’).css(‘margin-top’),10);
}
So, the exact cod you mentioned is not there – I tried adding -123 to first line that says ” tempPadding = (tempPadding / 2 ) + non_shrinking + non_shrinking2;
but I think it made it worse
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
color: orange;
background: blue;
border-color: green;
}
To change font size, please go to Enfold theme options > Advanced Styling and edit “main menu links”.
Best regards,
Yigit
Hey Yigit,
Thanks for replying.
I’ve tried relevansii this evening but I’m still getting the same problem. Both the default search and relevansii are seeing the words I’m searching for but both take me to the top of the page that contains the word rather than that section itself. Some pages on my site have 20 or 30 paragraphs of information and I really want the search to go straight to the keyword. If it can’t be done that,s ok and I’ll break the pages up into smaller pages containing a paragraph or so each – but if I have to do this is there any way they can be “recombined ” with some kind of phpinclude to make a bigger page again if someone does want to scroll and read several paragraphs.
best wishes
Jim
Hi Yigit et al
We have closed this thread https://kriesi.at/support/topic/i-want-to-display-my-search-results-in-a-grid/#post-703780 but I have found a problem with the grid search results/this solution on mobile.
Basically the search results stay in five columns all the way from desktop down to mobile. On other masonry/grid features the grid changes to two column on mobile landscape and a single column on mobile portrait.
Do you know how I can fix this?
Dominic
And can you help me please to get the textblock at the desktopview down to the bottom of the full screen color area :)
View post on imgur.com
Hey!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 480px) {
#top #wrap_all .av-inherit-size .av-special-heading-tag {
font-size: 30px;
}}
Best regards,
Yigit
Hey!
You can go to Appearance > Menus and add your button as a new Custom Link and then choose to display button style, as i replied here.
Regards,
Yigit
Wow, thanks a lot, I really appreciate you doing that.
Is there anything different I need to do now that I have a child theme? Do I still access the site, login, update, backup, etc. the same way?
Also, I started another thread regarding a different issue, perhaps while you’re in there if you don’t mind you can take a look.
Hey!
Please remove the code i posted previously and add following code to the bottom of Functions.php file of your child theme in Appearance > Editor
function avia_title($args = false, $id = false)
{
global $avia_config;
if(!$id) $id = avia_get_the_id();
$header_settings = avia_header_setting();
if($header_settings['header_title_bar'] == 'hidden_title_bar' || is_singular( 'tribe_events' )) return "";
$defaults = array(
'title' => get_the_title($id),
'subtitle' => "", //avia_post_meta($id, 'subtitle'),
'link' => get_permalink($id),
'html' => "<div class='{class} title_container'><div class='container'><{heading} class='main-title entry-title'>{title}</{heading}>{additions}</div></div>",
'class' => 'stretch_full container_wrap alternate_color '.avia_is_dark_bg('alternate_color', true),
'breadcrumb' => true,
'additions' => "",
'heading' => 'h1' //headings are set based on this article: http://yoast.com/blog-headings-structure/
);
if ( is_tax() || is_category() || is_tag() )
{
global $wp_query;
$term = $wp_query->get_queried_object();
$defaults['link'] = get_term_link( $term );
}
else if(is_archive())
{
$defaults['link'] = "";
}
// Parse incomming $args into an array and merge it with $defaults
$args = wp_parse_args( $args, $defaults );
$args = apply_filters('avf_title_args', $args, $id);
//disable breadcrumb if requested
if($header_settings['header_title_bar'] == 'title_bar') $args['breadcrumb'] = false;
//disable title if requested
if($header_settings['header_title_bar'] == 'breadcrumbs_only') $args['title'] = '';
// OPTIONAL: Declare each item in $args as its own variable i.e. $type, $before.
extract( $args, EXTR_SKIP );
if(empty($title)) $class .= " empty_title ";
$markup = avia_markup_helper(array('context' => 'avia_title','echo'=>false));
if(!empty($link) && !empty($title)) $title = "".$title."";
if(!empty($subtitle)) $additions .= "<div class='title_meta meta-color'>".wpautop($subtitle)."</div>";
if($breadcrumb) $additions .= avia_breadcrumbs(array('separator' => '/', 'richsnippet' => true));
$html = str_replace('{class}', $class, $html);
$html = str_replace('{title}', $title, $html);
$html = str_replace('{additions}', $additions, $html);
$html = str_replace('{heading}', $heading, $html);
if(!empty($avia_config['slide_output']) && !avia_is_dynamic_template($id) && !avia_is_overview())
{
$avia_config['small_title'] = $title;
}
else
{
return $html;
}
}
Regards,
Yigit
Hello. I’m having an issue that I can’t figure out. Immediately underneath one of my images there is a thin white line I can’t remove. I’ve attempted to change the pic, resize the pic, and rebuild the entire cell, nothing has worked. Interestingly it only shows on desktop and not on mobile. The image I’m referring to has a dark overlay with the caption “THE GUIDES” and is located immediately above the testimonial section.
Any help would be appreciated.
Thanks,
Brian
Hi,
I am using this code to get the text at overlay images lower. At the desktop and mobile the text is at the right place. At the Ipad the text of the four images at the home page (http://wvanderwijk.nl/) is to low so you can not read this text. Is there a way to get only this text higher?
Also the menu is too long. Is it possible too get this smaller. Probably like the menu at the mobile.
Hello. I can’t seem to find a way to hide the filenames of images when the cursor moves over them. This is not happening on images with an overlay, but it is happening on all other images such as the slider images and the first image underneath the slider.
I’ve read the following threads and attempted the solutions, none of which worked:
https://kriesi.at/support/topic/hide-image-filename-from-showing-when-hovering-mouse-over-image/
https://kriesi.at/support/topic/how-do-i-prevent-image-filenames-captions-from-displaying-on-mouseover/
https://kriesi.at/support/topic/hide-image-title-on-hover/
Any help would be appreciated.
Thanks,
Brian
All of my pages go to a white screen with what appears to be a tiny “Q” in the top left of the screen when I try to edit a page.