-
Search Results
-
Topic: Help with Some Small Issues
Hello All,
First off thanks for a wonderful theme in Enfold. I am hoping you can help me with a few small problems.
On a site we built with your enfold theme, http://redstone.poconoslocal.com, we have a few issues. I’ve put FTP and a wordpress login in the private content here for website moderators to provide help.
1. On the Homepage on mobile phone browsers, the footer widgets do not stack, while they do on other pages such as the About page.
2. The testimonial slider on our homepage shows the 1st testimonial’s text larger and then the subsequent testimonial’s font size as smaller on mobile phones for some reason. I have even tried to fix this with CSS in our child theme stylesheet with no success.
Thank you in advance.
In reply to: Site Load Speed – Theme Issue
Hi Basilis,
Here is the content of the header.php file
<?php
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’;?><!DOCTYPE html>
<html <?php language_attributes(); ?> class=”<?php echo ” html_{$style} “.$responsive.” “.$av_lightbox.” “.avia_header_class_string();?> “>
<head>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>” /><!– page title, displayed in your browser bar –>
<title><?php if(function_exists(‘avia_set_title_tag’)) { echo avia_set_title_tag(); } ?></title><?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(); }/*
* outputs a favicon if defined
*/
if (function_exists(‘avia_favicon’)) { echo avia_favicon(avia_get_option(‘favicon’)); }
?><!– mobile setting –>
<?phpif( 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();
?>
<script type=”text/javascript”>
<!–
var Fmax = 18
var Fmin = 8
function increaseFontSize() {
var body = document.body,
currentFontSize = parseFloat(window.getComputedStyle(body, null).fontSize);
if (currentFontSize < Fmax) {
body.style.fontSize = ++currentFontSize + ‘px’;
}
}function decreaseFontSize() {
var body = document.body,
currentFontSize = parseFloat(window.getComputedStyle(body, null).fontSize);
if (currentFontSize > Fmin) {
body.style.fontSize = –currentFontSize + ‘px’;
}
}document.querySelector(‘#increase’).addEventListener(‘click’, increaseFontSize);
document.querySelector(‘#decrease’).addEventListener(‘click’, decreaseFontSize);
//–></script><meta charset=”utf-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1″><meta content=”en-AU” name=”language” /><link rel=”publisher” href=”https://plus.google.com/+JonesPartnersSydney/posts”/>
<meta property=”article:publisher” content=”https://www.facebook.com/jonespartners”/>
<link rel=”canonical” href=”http://www.jonespartners.net.au” />
<meta name=”google-site-verification” content=”WqEnafOVm4R0SYx5641XdW42emw1gHxuryxnBq0KBm0″ /><script type=”text/javascript”>
(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,’script’,’//www.google-analytics.com/analytics.js’,’ga’);ga(‘create’, ‘UA-42205650-1’, ‘jonespartners.net.au’);
ga(‘require’, ‘displayfeatures’);
ga(‘send’, ‘pageview’);</script>
</head><body id=”top” <?php body_class($style.” “.$avia_config[‘font_stack’].” “.$blank); avia_markup_helper(array(‘context’ => ‘body’)); ?>>
<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’ data-scroll-offset='<?php echo avia_header_setting(‘header_scroll_offset’); ?>’>
<?php do_action(‘ava_after_main_container’); ?>
Thanks again
ConnieIn reply to: Changing Sidebar Font
Yes,
I used the code on this article article and I changed the font with the one used for the categories so they are the same now..widget_recent_entries li a {
font-style: normal;
font-family: inherit;
font-size: 12px;
}Thank you
MarcoTopic: Masonry Gallery styling
Hi
Im trying to change the font and styling of my titles and excerpts but to no avail. I specifically need my excerpt to be the same as my heading H6. I found below css, which is by the looks of it exactly what I’m after, but alas nothing happened..av-masonry-entry-title.entry-title {
font-family: “choose font”;
font-size: 18px !important;
text-align: center;
text-transform: uppercase;
}.av-masonry-entry-content.entry-content {
font-family: “choose font”;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}Ive been searching for this for some while so would be over the top if anyone could help.
Jacob
In reply to: Mobile mode shows big cap between header and body
Hey Cameron,
Than you for the link to the page, Please try this code in the General Styling > Quick CSS field:@media only screen and (max-width: 767px) { .main_color.container_wrap_first.container_wrap.fullsize .container:first-child { display: none !important; } }I noticed that your sub-menu was braking into two lines for mobile, if you would like it to be just one line try this css instead:
@media only screen and (max-width: 767px) { .main_color.container_wrap_first.container_wrap.fullsize .container:first-child { display: none !important; } #sub_menu1 .avia-menu-text { font-size: 10px !important; } #sub_menu1 .container.av-menu-mobile-disabled { width: 100% !important; max-width: 100% !important; } }Best regards,
Mikethank for reply .
here is the information
I build a new wp site with enfold theme and installed wp review pro.
I have post a test review and give a rating score.
in the wp review pro setting, if i use theme theme template, the blog will not show the commeentsif i choose use wp review the blog will show the comments ,but the font size is very small…
and in the list of the blog ,show no rating score.
In reply to: Responsive issues #1 – symbol list
Hallo Michael
1: fontsizes sind Teile der Anzeigeoptionen.
2: Ausser “hide/show for….screensize XY” & Schriftgrößen gibt es dort keine weiteren Optionen.Frage:
warum gibt es dort keine flexibleren Schriftgrößenangaben(bspws. 8px für Fliesstext und ab 10 für header)?
Warum gibt es keine Angaben in vw/vh? Oder %? Oder em?Die Lösung ist für jede Bildschirmgröße ein eigenes Layout zu bauen?
Eigentlich wollte ich nur eine aufbauen.Joanna
In reply to: View Cart button
Hi Richard,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) { #menu-item-shop .cart_dropdown_first span { font-size: 28px; } .responsive #top .cart_dropdown { z-index: 10; } }Hope it helps.
Best regards,
NikkoIn reply to: Accessibility – Skip Navigation
Hi,
Sorry, your links in your post are not working for me, but I worked on this some more and finally got it working very good :)
Still add the ID “main_content” to the first element of content, such as after your slider on each page. To enable the custom ID and class for elements go to Enfold Theme Options > Layout Builder > Show element options for developers
Then use this function instead:function custom_screen_reader_script(){ ?> <script> jQuery(window).load(function(){ jQuery( '<div id="skipnav"><p class="skipnav"><a href="#main_content">Skip to Content (Press Enter)</a></p></div>' ).insertBefore( '#top' ); }); </script> <?php } add_action('wp_footer', 'custom_screen_reader_script');and this css instead:
.skipnav {position: absolute; display: none; text-align: left; margin: 0; padding: 0} /*For all, including Opera. Display:none used to switch off the skip links for Opera users (it's redundant, Opera has excellent keyboard navigation)*/ * html .skipnav {display: block} /*Switch on for IE6 and below*/ *+html .skipnav {display: block} /*Switch on for IE7*/ :root .skipnav {display: block} /*Switch on for Moz, FF and Safari*/ .skipnav p {margin: 5px 0 0 0; padding: 0; position: absolute; font-size: 2em} .skipnav a {width: 26em; display:block; color: #fff; background: #333; text-decoration: none; padding: 5px; position: absolute; left: -1000em; top: 0; font-weight: bold} .skipnav a:visited {color: #fff} .skipnav a:focus, .skipnav a:active {z-index: 999; min-width: 250px; top: -.1em; left: 0; border: solid #777 2px; color: #fff; background: #333 !important} /*Note IE bug that requires use of :active to mimic effect of :focus*/ .skipnav a:hover {cursor: default}expected results on the second press of the tab key, (WP admin menu has control of the first tab key press, if you are logged in)
adding some color to links that are in focus while tabbing might also be helpfula:focus { color: white !important; background-color: red !important; text-decoration: none !important; }adjust to suit.
I tested this solution, and I was able to continue to tab down the page without ending up in the main menu.
Best regards,
MikeIn reply to: Responsive issues #1 – symbol list
Hi Joanna
I just watched your screencast.
There are options to display your list responsive, but you should change the view in the tab “Anzeigeoptionen”, not via the font size.
Try to have a view for Desktop viewports and a separate one (with just one column) for smaller screens. This should work smoothly.Thanks und liebe Grüsse
MichaelIn reply to: A text in header, between Title and Breadcrumb.
f.e. :
.title_container .main-title::after { content: "abc - die Katze liegt im schnee"; position: absolute; left: 50%; transform: translateX(-50%); font-size: 20px; font-weight: bold; } @media only screen and (max-width: 767px) { .title_container .main-title::after{ position:absolute; left:auto; right: 0; transform: none; text-align: right; } }Hello
your symbol-list does not react responsive.
There are no options to make it react responsive since there are no proper scalings for the font size (eg. its absurd to give a heading the same font size options than normal text)Please let me know how to fix this issue.
Here is a screencast:
https://drive.google.com/open?id=1VNs8iC52JlpD86yt8FZ60n15JVV_D1GHKind regards
JoannaIn reply to: A text in header, between Title and Breadcrumb.
a quick and dirty solution might be to insert pseudo content like:
.title_container .main-title::after { content: "here is your short text"; position: absolute; left: 50%; transform: translateX(-50%); font-size: 24px; font-weight: bold; }you have to decide what should happen on responsive case on very small screens to it.
In reply to: Portfolio Grid background color
Hey Charlotte,
Thank you for using Enfold.
Are you referring to the masonry element? You can use this css code to add an overlay beneath the title.
.responsive #top .av-inner-masonry-content { background: rgba(0,0,0,.5) !important; }And use this css code to increase the font size:
#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title { font-size: 2em; }Best regards,
IsmaelIn reply to: Advance styling not working correctly
Hi There, I have updated to Enfold 4.5 and building a new site, unfortunately the Advanced Styling is not being applied. I am not using a cache plugin and I have cleared my browser cache. I can change colours and letter spacing but not the font weights and font size of the main menu links. Cheers J
In reply to: Caption font size masonry gallery
Hey,
Sorry for confusion. Please use following code instead
div .mfp-title { font-size: 15px; }Cheers!
YigitIn reply to: Caption font size masonry gallery
Thanks so much for your super fast response!! This changed the title size but I am wanting to change the size of the Caption font… when you click on the gallery item.
Hi,
I have a Avia button in the socket. I’ve applied this code but I still have a small margin on top and bottom of the button. I want the button to fill the entire height of the socket, flus with the boarders.
I have this in Quick CSS…
#socket .container {
padding-top: 0px;
padding-bottom: 0px;
}I have this code in the Footer “copyright” input box…
[nolink]<span style=’float:left !important;’>[av_button label=' Get A Quote Now' link='page,1867' link_target='' size='large' position='' icon_select='yes' icon='ue8b6' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']</span>
In reply to: Caption font size masonry gallery
Hi,
@ellamac Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:CSS Snippet:
.av-masonry-entry .av-masonry-entry-title { font-size: 20px; }Best regards,
YigitIn reply to: How to have image icon above menu selections
Hi,
The social icons are hidden on the mobile view, you can enable them by including this css in your Quick CSS:@media only screen and (max-width: 479px) { .responsive #top #wrap_all #header .social_bookmarks { display: block !important; } .responsive #top #wrap_all #header_main .av-logo-container .main_menu .noLightbox.social_bookmarks { display: block !important; } }The social icons in the footer looks like they were adjusted to be a little larger, but the adjustment seems to be a little off. Try to use this css for the footer icons instead:
/* larger socket social icons */ #socket .social_bookmarks li a { width: 50px!important; line-height: 50px!important; min-height: 50px!important; font-size: 30px; } #socket .social_bookmarks li { height: 50px!important; width: 50px!important; } #socket .social_bookmarks { height: 60px!important; }To move your mobile menu up a little, Please try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 767px) { .responsive #top .av-logo-container .avia-menu { top: -20px !important; } }Best regards,
MikeIn reply to: Background image for button not working
Hi Rikard,
Here’s a screenshot:
https://drive.google.com/file/d/1ITTmUgvddKOW68DJ417zgX1cI96wHhj9/view?usp=sharingI also did some searching and made modifications to the quick-css code. Now we’re using this:
.custom-button {
border-radius: 3px;
background-image: url(https://womenindharma.com/wp-content/uploads/2018/09/Gold-button.jpg);
background-repeat: repeat-x;
background-position: 0 0;
padding:10px;
font-size: 12px;
text-decoration: none;
display:inline-block;
border-style: solid;
border-width: 1px;
margin:3px 0;
line-height: 1.2em;
position: relative;
font-weight: 600;
text-align: center;
max-width: 100%;
}What can I edit so the button is aligned in the center and the background image doesn’t extend past the button borders?
Thanks!
Topic: Safari Issues
Hello
My #anchors don’t not work in Safari :-(
AND: All the #anchor links don’t work on the Apple smartphone. It’s also SAFARI.
AND: There is no back to top button on the mobile version – any advice where to activate that?
AND: I have a problem further down with the font settings for my IMAGE WITH HOTSPOTS – in LEISTUNGSANGEBOT.
I have quite some text to show here and need to reduce the size of the font. But this doesn’t work so I used h6 as a font size. But formatting gets really tricky, because I cannot make a next line command <br>. It won’t show.Thanks Nora
In reply to: Change the font of catalogue content
Hi,
it seems I was able to change the font individually:I added this to the Quick-CSS:
/* Alternative Schriftart für Katalog */ .ms-av-catalogue-title { font-size: 10px; } .ms-av-catalogue-list li:hover .ms-av-catalogue-title { color:#ffffff!important; }and
ms-av-catalogue-list li:hover ms-av-catalogue-title
to the Custom CSS Field in the Catalogue Element.The font is now smaller but the hover effect (change the background color) ist not working.
In reply to: Can't find demo import
Is there any chance that you could check this today. Please see attached the new login information.
So on top of my page on the left side I have an image saying:
1. Unser USP – on click the image usp-image.png should open in a lightbox (background gets dark, like in normal lightbox mode)
2. Unsere Kunden sind… – on click the image kundenkreise.png should open in a lightbox.I have a problem further down with the font settings for my IMAGE WITH HOTSPOTS – in LEISTUNGSANGEBOT.
I have quite some text to show here and need to reduce the size of the font. But this doesn’t work so I used h6 as a font size. But formatting gets really tricky, because I cannot make a next line command <br>. It won’t show.AND: My #anchors still not work on Safari :-(
AND: All the #anchor links don’t work on the Apple smartphone. It’s also SAFARI.
AND: There is no back to top button on the mobile version – any advice where to activate that?Thanks Nora
In reply to: Enfold
Hi Blank,
Thanks for contacting us!
You can easily adjust colors, font sizes etc. of elements. You can also navigate between slides using arrow buttons your keyboard.
If you are looking for a certain feature, please let us know so we can try and provide more info :)Cheers!
YigitIn reply to: Change the font of catalogue content
Hi,
is it possible to change the font size individually per catalogue?
Let’s say I have tow columns on my page with one catalogue each and I want the right catalogue font look smaller than the catalogue on the left column.
Is there a way to do this?Thanks!
Hi,
Thanks for the update.
I don’t really see any issue with that section aside from the h1 text bleeding outside the container on smaller screens. You can fix that with this css code.
@media only screen and (max-width: 767px) { .avia_textblock h1 { font-size: 20px !important; } }You can adjust the font size value as you wish.
Best regards,
IsmaelIn reply to: Change full page slider button size
Hi,
Thanks for the update. I’ve added the following css code on the Quick CSS field instead.
#top #wrap_all .avia-slideshow-button { font-size: 15px; line-height: 1.9em; letter-spacing: 1px; text-transform: uppercase; font-weight: 300; }Please remove the browser cache prior to checking the page.
Best regards,
IsmaelDear Kriesi,
you write in the new 4.5: “improved: added rel=’nofollow’ to search link to avoid duplicate content in search engines”
Excuse me. Since when is “nofollow” the command to say a crawler, don’t index something?
This is the biggest nonsense ever, 3 steps back, but not an improvment.
What is the effect: On all your Enfold clients, all crawler and bots stop here, break down the crawling process of the whole pages and ends the crawling. Wow, that’s great. This has a good impact and benefit of all competitors of your Enfold users competitors. Wow. Great.
The same is, as you use h1- in breadcrumbs. Useless! A breadcrumb is not a h1-heading. It’s a breadcrumb, a small font sized breadcrumb for orientation.And nofollow: The name is, what this command do: NOFOLLOW!!!!!
NOFOLLOW WAS NEVER THE COMMAND TO SAY A BOT; DON’T Index it!!!! NOFOLLOW GIVES NOBODY THE CHANCE, TO CLEAR GOOGLE CACHE!!! Because: THE ROBOT WILL NOT FOLLOW!
The right command is: noindex,follow.
NOW, ALL your clients can put manually deindexing of this page of at GSC.
A nofollow would be nice, if user has a fresh, new website. But in this case: This is ugly.
If you were to go deeper into SEO, you would have done it differently.
John Müller from Google says what it’s like:
“So it’s kind of tricky with noindex. Which which I think is something somewhat of a misconception in general with a the SEO community. In that with a noindex and follow it’s still the case that we see the noindex. Snd in the first step we say okay you don’t want this page shown in the search results. We’ll still keep it in our index, we just won’t show it and then we can follow those links.
But if we see the noindex there for longer than we think this this page really doesn’t want to be used in search so we will remove it completely. And then we won’t follow the links anyway. So in noindex and follow is essentially kind of the same as a noindex, nofollow. There’s no really big difference there in the long run.”… On a long run!!! But not on indexed pages.
OH MY GOD
