-
Search Results
-
In reply to: Menu styling
Hi Elliott,
I actually need to do it through CSS (need to identify the appropriate CSS path for each element) so that I can set them to different sizes at different device breakpoints.
Like I said, I’ve had partial success with this but can’t seem to isolate each group on it’s own when I change the font size.
Thanks again!
In reply to: ENFOLD PHOTOGRAPHY: FRONT PAGE BANNER
Hi!
I checked your site again but it looks fine now. It looks like your using a media query to change the font size on smaller screens.
.responsive #top .slideshow_caption h2 { font-size: 20px !important; }Cheers!
ElliottHi Nicola!
Add this to your custom CSS.
@media and screen (max-width:500px) { .avia-caption-title, .avia-caption-content p { font-size: 12px !important; } }Regards,
ElliottHey lukemontagu!
1. You currently have a small thumbnail size set. In the gallery options set the image size to “No Scaling”.
2. If you still want it to resize gracefully then it would be best to just play around with the header size option in the admin panel until it looks good. Around 160px perhaps.
3. See here, https://kriesi.at/support/topic/installing-own-fonts/#post-421325.
Best regards,
ElliottIn reply to: Menu styling
Hey vailjazz!
For group A and C you can do this in Dashboard > Enfold > Advanced Styling.
For the mega menu titles use this CSS.
.mega_menu_title { font-size: 16px !important; }Cheers!
ElliottIn reply to: font size compact testimonial slider
Hey Marssolutions!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-testimonial-content { font-size: 18px; }Cheers!
YigitIn reply to: Customize font for Alternate area
Hey akasumyan!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.header-scrolled .av-submenu-container { top: 68px!important; } #top .av-subnav-menu li a { font-size: 17px; font-family: 'Righteous', 'Helvetica Neue', Helvetica, Arial, sans-serif; }Regards,
YigitIn reply to: ENFOLD PHOTOGRAPHY: FRONT PAGE BANNER
I checked the link, but still no clue on how to use the code “font-size: 2vw”
There are 2 types of caption: Caption Title (22px) and Caption Text (70px)
Kindly specify the exact code to be used for captions on fullscreen slider.
Its urgent
Thanking you in anticipation.
In reply to: Customizing Comments Element
Hey!
Please add following code to Quick CSS
input#captcha_code { width: 15%!important; float: left; } label#captcha_code_label { display: none; } #captcha_code_label + span.required:before { content: 'Here goes your text '!important; color: #666; font-weight: bold; font-size: 11px; margin-left: 10px; }Regards,
YigitHello! Really enjoying working with Enfold, its beautiful and very ergonomic :) …my questions:
1
—
I am using the gallery feature from the advance layout builder but the images are coming out very blurred and low quality. I cropped and adjusted dimensions (to 660px x 445px, which is what they are displaying at) of all images before uploading them. But even when I first tried with high res large images I was still getting a blurred output.Perhaps I have a setting wrong or the images are getting compressed somewhere?
2
—
The logo size in the header is smaller than the one I have added to the middle column in the footer. I would like them to be the same size but don’t seem to have control over the header size as it keeps resizing to smaller logo.. Playing with the header height dimensions in the admin panel is a bit of a guessing game when trying to make these the same size.3
—
I would like to use a different font site wide. But one I have uploaded (Gotham Book) …is there an easy way to do this and then do the styles for the site?Thankyou for an awesome theme and awesome support
:)In reply to: Fixed size of Large buttons
Hi sitesme!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-button.avia-size-large { padding: 24px 30px 13px; font-size: 13px; min-width: 190px; min-height: 60px; }Regards,
YigitTopic: Sub navigation menu layout
Hi guys
I;’m using ENFOLD which is great. I have 3 questions please:
1. For some reason the sub-nav is appearing horizontally rather than vertically. How can i change it back to a standard ‘drop down’ type sub nav when the user hovers over the main nav item?
2. The text/font size of the sub nav is too big. I’ve tried to change using the General Styling features but nothing is happening. Any ideas?
3. How do i change the colour of the little ‘hover bar’ under the active page within the main nav menu?Thanks
ALIn reply to: Progress bar title is a little OFF
I am not sure whether this is on purpose but this ‘title-shift’ is has been there for ages. Because the demo displays it different or like most people would say ‘correct’ you should consider to fix it or add an option to the element (layout architect) to control the shift.
In addition to Andy’s post i would like to mention the CSS rule provided does only half the job. To make it ‘perfect’ use:
.avia-progress-bar .progressbar-title-wrap { font-size: 0.8em; bottom: 0; left: 0; padding: 1px 10px; }Hi,
Im using a full width sub menu beneath my header and have chosen the “alternate content” color scheme. How can I change the font and font size for this area so it is not so small and plain? Also I have chosen for it to be sticky at the top of my page but when scrolling down it cuts off the top of my text. PLease help
http://www.commanddigitalconsulting.com/repairservices/software/Thank You
Hi,
Im using a full width sub menu beneath my header and have chosen the “alternate content” color scheme. How can I change the font and font size for this area so it is not so small and plain?
Thank You
In reply to: How to make the post title bigger?
Hi DROR!
Thank you for using Enfold.
Use this to adjust the size:
h1.post-title.entry-title a { font-size: 40px!important; }Regards,
IsmaelGood morning Guru’s
Am wondering which Enfold PHP theme file to use (and where, within the file, to place) the following ACF shortcode generator code?
*************
<?php
$image_ids = get_field(‘gallery’, false, false);
$shortcode = ‘
**************If successful the short codes would be used in a Single Image and a Gallery element to the post as per code below:
1 Single Image Enfold Code:
[av_image src='ACF single image code HERE' attachment='' attachment_size='featured_large' align='center' animation='no-animation' link='' target='' styling='' caption='' font_size='' appearance=''][/av_image]2. Enfold Gallery Code
[av_gallery ids='ACF Gallery image code HERE' style='thumbnails' preview_size='portfolio' crop_big_preview_thumbnail='avia-gallery-big-crop-thumb' thumb_size='shop_catalog' columns='3' imagelink='lightbox' lazyload='avia_lazyload']The other Possible ACF codes snipets to be used for image display??? :
4. Single image
<?php
$image = get_field(‘image’);
if( !empty($image) ): ?>
” alt=”<?php echo $image[‘alt’]; ?>” />
<?php endif; ?>AND
5. Gallery
<?php
$images = get_field(‘gallery’);
if( $images ): ?>-
<?php foreach( $images as $image ): ?>
-
“>
” alt=”<?php echo $image[‘alt’]; ?>” />
<p><?php echo $image[‘caption’]; ?></p>
<?php endforeach; ?>
<?php endif; ?>
***************************************
Once again not sure which file (eg Index.php or Single-portfolio.php)?
Many thanks in advance!
ChrisTopic: Menu styling
Hi,
I’m trying to change the menu sizes at various breakpoints and am frustratingly realizing that I cannot figure out how to isolate different menu items to change their font sizes.
I can change the overall menu font size (which changes the top menu and the submenu/dropdowns) and set a different size for the megamenu titles, but what I want to do is to set three distinct groups with different font sizes:
- GROUP A: top menu (only!)
- GROUP B: megamenu title links (only!)
- GROUP C: submenu/dropdown links for both standard menu items and megamenu items
Can you please help me figure this out?
Thanks!
In reply to: Read more link image
Hi JBkvns!
Try adding this to your custom CSS.
.read-more-link a { left: -9999px; } .read-more-link { color: red; background: red; position: absolute; bottom: 0px; right: 0px; width: 30px; height: 30px; overflow: hidden; } .read-more-link:after { content: ">"; color: white; position: absolute; bottom: 5px; right: 9px; font-size: 18px; }Best regards,
ElliottI am wondering why WooCommerce category descriptions are set at 12px when post category descriptions are not?
It creates inconsistency and requires the need for custom css.
Hi, I use shortcode in my last menu item
[av_font_icon icon='ue922' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='left' color='#a81010'][/av_font_icon]For Windows
This looks great except that for a brief moment I see the separator then the icon covers it. I would like to keep the separators (the short ones)
Is there a way to either not display that one specific separator or make sure it does not overlap with the icon. Thank you
Hi dominiquehurley!
Firstly we would recommend you to go to Enfold theme options > Demo Import and import one of the demos and then start editing them. That will speed up ‘figuring out how Advanced Layout Builder works’ process.
You can find Enfold documentation here – http://kriesi.at/documentation/enfold/ and Intro to the Advanced Layout Editor video here – http://kriesi.at/documentation/enfold/portfolio-item/intro-to-the-advanced-layout-editor/You do not need to use child theme if you are not going to make any changes on theme files.
You can go to Enfold theme options > Advanced Styling tab and edit elements and increase their font sizes. If there are more specific changes you would like to make, please feel free to post them here along with a link to your website and we will gladly try to help you :)
Best regards,
YigitHi – I’m really not a techy and looking for that quick set-up to help me get my site running. Your tutorials and videos link have a whole bunch of information (which is great), but in no particular order. I easily get overwhelmed. Is there a Start Here easy way to proceed / file or recommended order to go through things?
The first thing I read was about child themes – I understand that they’re important after reading the codex.wordpress, but that seems too complicated for level. I will want to change the font size soon (way too small throughout the theme) and I read that this used to be (may still be) a ccs function. If I want to hire someone to make those small changes (or learn to do so myself if your tutorials are very specific), is that something I can request here? How do I go about that?
Thanks.
Hello,
First of all – thanks again for Enfold which is by far the best theme I’ve been using to this day.
I have a site with a significant number of pages and portfolio entries. Each is about a particular service. On each page/portoflio entry, the same sidebar is displayed that contains a call to action button (“Request more Information”). The CTA button links to a contact form.
Challenge
Once the user clicks the CTA button on a page, opens the contact form and fills out the form, we receive the form entry by email – but we are not able to see from what page the user navigated to the contact form.Approach
We’ve introduced a custom field “product” on each page / post. The value of “product” is a product identifier we want to include in the form submission and is manually set when creating the page/post. I’ve also created a shortcode [getProduct] in functions.php that returns the value of “product”. This is tested and works successfully. We would like to include this value as a URL parameter when opening the contact form.Example:
getProduct value = awesomeService
Button Shortcode:[av_button label='Request more Information' link='manually,./contact-form/?service=[getProduct]' link_target='' size='large' position='center' icon_select='no' font='entypo-fontello' color='orange' custom_bg='#444444' custom_font='#ffffff']The button should point to the URL ./contact-form/?service=awesomeService
Problem
When including the Shortcode [getProduct] (or any other Shortcode, for that matter) in any Avia-Element such as Button, the functionality breaks. It looks like the nested shortcode’s closing square bracket is interpreted by the theme as closing square bracked for the entire Avia-Element. The button isn’t correctly displayed and the link doesn’t work.
See here for a screenshot:
http://cl.ly/image/0j1s1T0s1d0yIs there any way to fix this or can you propose a workaround that saves us from manually placing buttons on each page/post?
Thanks and kind regards
JasonIn reply to: Updating Earlier of Theme without Child
Hi!
I think it will work. Or you can try this one: https://wordpress.org/plugins/wp-font-resizer/
Cheers!
IsmaelTopic: Tweaks
How do I do the following….
1. Change the font family for the main menu sublevel links?
2. Remove the vertical line separator between the main nav and the social icons in the header?
3. Remove the vertical separator between the sidebar and main content?
4. Get rid of the overlay on images that shows up and if you click it they show full size in a lightbox?
5. Have the featured image in a blog post be after the title not before it? (see http://michaelhyatt.com/standing-while-you-sleep.html)Thanks!
In reply to: Animated Numbers won't resize on mobile
Hey!
Let us try adding following magic powder to Quick CSS
@media only screen and (max-width: 1024px) { span.avia-no-number, .avia-single-number { font-size: 22px; }} @media only screen and (max-width: 640px) { span.avia-no-number, .avia-single-number { font-size: 19px; }}Edit: To translate the string, please install this plugin – https://wordpress.org/plugins/codestyling-localization/
and go to Tools > Localization > WordPress and search for the string you would like to translateRegards,
YigitIn reply to: subtile with a Top Header menu
Hi!
Perhaps some CSS like this would help?
.header-scrolled .menu-break { bottom: 7px !important; font-size: 11px !important; }There is not much space there to play around with.
Regards,
Elliott -
“>
