What’s the best way to adjust the featured image size in a post? When I assign a featured image to my posts they become giant and I’d like for them to be smaller. How can I do that? this page for example is a good one to look at .
http://whatuthink.com/fender-american-standard-stratocaster-rosewood-fretboard-3-tone-sunburst-classic-american-guitar/
Hello,
wildmtyoga.net
I am having trouble getting an image link in layerslider to display the img rollover effect. As you can see on my layerslider there is three images – the “class schedule” is the only one set as a link right now – but no rollover effect.
Can I assign an effect from within the layerslider admin – or do I need to add a new class in the stylesheet?
Hi Liam,
I’m using the Avia layout builder.
I tried deleting all 3 elements, then dragging a new ⅓ place holder and team member element for each – same result.
I’ve now tried duplicating the same ⅓ element with team member content – same result.
Would I be right in thinking that the Avia layout editor is doing something funky? – If so, what should I do?
Its seems this element:
<span class=”hidden team-member-affiliation” itemprop=”affiliation”>WOW Video Production</span>
Is causing the issue, on the 3rd team member it displays above the image box but on the rest it displays within the image.
I have also noticed that the other two “team member areas” are the same:
<section class=”avia-team-member avia-builder-el-10 avia-builder-el-first ” itemscope=”itemscope” itemtype=”http://schema.org/Person”>
But the third has the following:
<section class=”avia-team-member avia-builder-el-12 avia-builder-el-no-sibling ” itemscope=”itemscope” itemtype=”http://schema.org/Person”>
I have marked in bold the difference. Maybe check there isn’t anything different…
Hi,
For some reason, box number 3 of 3 on my page here is out of alignment: http://wowvideoproduction.co.uk/2014-home-page/
The setup is:
– Colour section with a ⅓ and ⅔ section within it
– 3x ⅓ sections with Team Profile in it
– 3x of the ⅓ sections duplicated
So the box which is out of alignment in line 1, number 3 is the same as all on line 2.
Could you please help.
I have two issues with my Transactions page http://www.cambridgeespana.com/transactions/
1) All of a sudden it’s only displaying ‘All’ in the filtering menu when it should be showing 3 others
2) How do I sort the images being displayed by date?
Many thanks
Rupert
Hi Ismael –
Thanks for the update. I pasted your code exactly for both files, possibly I missed a line in the functions.php originally. The site launches although I am not sure it’s working correctly. I still have the round hover circle over the images when I remove the class=”noLightbox” from the post text. I assumed that hover was part of the lightbox since the class”noLightbox” turned it off for some images although I want to disable that on all images (the images don’t open in the lightbox frame so that part seems to be working). In one case the hover is a double ended arrow and opens the image and in another case a curved arrow and takes you to the post. I want to remove that hover from most if not all blog images. What’s the best way to do this? Is it part of the lightbox or separate?
Best,
Jonathan
I also had to change the image size to 81 from 75 to fully fill the gray circle background.
This reply has been marked as private.
Hey!
You can try to use the code from single-portfolio.php and /wp-content/themes/coherence/includes/loop-portfolio-single.php which also supports tags. The comments are not activated by default but I added a “comments” element to the layout builder. I’m not sure if Kriesi already included it in 2.4.4 but I guess he did. Please update your theme to 2.4.4 and you should be able to use the new element.
Best regards,
Peter
Hi!
You can use this plugin to manually resize the images at your convenience: http://wordpress.org/plugins/simple-image-sizes/
Cheers!
Ismael
Hi lherbert!
There is no documentation yet but you can duplicate an element from the config-templatebuilder > avia-shortcodes folder. Example, duplicate the button.php file. Name it boxes.php as if we’re trying to create a boxes shortcode. Edit the file, look for this code:
if ( !class_exists( 'avia_sc_button' ) )
{
class avia_sc_button extends aviaShortcodeTemplate
{
/**
* Create the config array for the shortcode button
*/
function shortcode_insert_button()
{
$this->config['name'] = __('Button', 'avia_framework' );
$this->config['tab'] = __('Content Elements', 'avia_framework' );
$this->config['icon'] = AviaBuilder::$path['imagesURL']."sc-button.png";
$this->config['order'] = 85;
$this->config['target'] = 'avia-target-insert';
$this->config['shortcode'] = 'av_button';
$this->config['tooltip'] = __('Creates a colored button', 'avia_framework' );
$this->config['tinyMCE'] = array('tiny_always'=>true);
}
Replace it with:
if ( !class_exists( 'avia_sc_boxes' ) )
{
class avia_sc_boxes extends aviaShortcodeTemplate
{
/**
* Create the config array for the shortcode button
*/
function shortcode_insert_button()
{
$this->config['name'] = __('Boxes', 'avia_framework' );
$this->config['tab'] = __('Content Elements', 'avia_framework' );
$this->config['icon'] = AviaBuilder::$path['imagesURL']."sc-button.png";
$this->config['order'] = 86;
$this->config['target'] = 'avia-target-insert';
$this->config['shortcode'] = 'av_boxes';
$this->config['tooltip'] = __('Creates boxes', 'avia_framework' );
$this->config['tinyMCE'] = array('tiny_always'=>true);
}
You’ll see the Boxes shortcode beside the button shortcode on the Advance Layout Builder.
Regards,
Ismael
Hey!
It seems like your stylesheet (probably some code in the quick css field) contains some css styling which hides the blog meta data
.blog-meta {
display: none;
}
This code will also hide the preview image on the blog page.
Regards,
Peter
Hi!
You can edit header.php or /includes/helper-main-menu.php if you have 2.6+, find this code:
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');
Below, add this code:
echo "<div class='site-description'>".get_bloginfo ( 'description' )."</div>";
Edit Enfold > Styling > Quick CSS, add this code:
.site-description {
bottom: -30px;
position: absolute;
font-size: 11px;
}
Best regards,
Ismael
Yeah that makes them look funny? is there a way to keep the images centered vertically but still increase their height (mobile version only)?
Also – The main header with logo (on a normal web browser) doesn’t shrink in size like the logo does….
Thanks
Eric
Hi!
This css in your child theme is causing the height to be smaller than the content:
/*About page content slider adjustments*/
.avia-content-slider-inner .image-overlay { display: none!important; }
.avia-content-slider-inner { height: 190px!important; }
body .aligncenter { padding: 10px 0!important; }
Specifically the .avia-content-slider-inner { height: 190px!important; }. If you only want that on your “about” page you should add the page id as a selector like this:
#top.page-id-2408 .avia-content-slider-inner { height: 190px!important; }
Also as a general tip you don’t need to have a separate media query for each line in your css, you can have a single query and then all the css declarations inside of it.
Cheers!
Devin
also, just aside from the other. when i scroll down with the mouse wheel the enfold logo at the top of the page gets smaller which looks a bit odd, is it possible to stop this. i’ll obviously be swapping this image for my own logo at some point soon but just wonder if it might do the same regardless?
thanks,
paul
Thanks all. I got it fixed.
I still need help with the the ajax control arrows over the portfolio image.
I want to move to bottom right under the image.
https://www.dropbox.com/s/5uskqxx9jbcj5wi/photo%202.PNG
I tried:
div.ajax_controlls.iconfont {
bottom: 0!important;
right: 0!important;
}
any ideas?
Thanks Devin – I knew you’d be able to set things straight with image containers!
Always appreciate your help :)
Regards
Ed
We’ve had good reports from users on using Cloudflare to get a good speed boost in addition to generally setting up a caching plugin.
The images don’t have a specific defined width because the containers they are in define the width based on the current viewers screen size. So they are all always 100% width or max-width: 100%. There are of course exceptions for specific items but that is the general setup for everything.
As Ed said however the biggest factor is typically your hosting provider. How it responds to your requests and if you are sharing the same hardware with other sites can have a huge influence in how your sites speed score is shown.
Hi!!
Example link:
http://www.adw.cl/category/que-es-el-whisky/historia-del-whisky/
My category pages are blog grid type and I like to know 2 things:
1. Is it possible to define ‘square 180×180’ images in the preview as a default for all category pages? So, all the images will look same siza and the grid will look ok.
2. Is it possible to add custom text to the category page depending on the category selected?
Thanks a lot!
Regards
José
Hey guys
I’ve been using W3TC for a while on its own.
I have 92/100 on desktop and 71/100 for mobile.
Whilst I understand that the nature of the theme and other issues will always have an impact on speed versus function (always a trade-off) much will also depend on your hosting.
However, if it helps you can minify almost everything except for “../avia.js” and “../shortcodes.js” as the theme will break with my current configuration. My JS and CSS minify options are 100% enabled.
If you head over to GTMetrix though there are some extra advice options including the serving of scaled images (which seem to be inaccurately reported through the theme) and also the specifying of image dimensions not being set. Maybe run a test and have a look for yourself. It would be interesting to get feedback from you Devin on this situation? Why image dimensions are not being set for the sliders?
Oh and don’t bother paying for W3TC tech support to set up your plugin – the biggest waste of four weeks and $250 ever!!! Sorry, but just trying to help you guys from my own experience.
Maybe you can shift some static file serving via Cloudflare or something if you want to split resource loads? That’s where I will head soon with new image content. Worth a try to speed things up.
Hope that helps.
Ed
Hello Josue,
I’ve tried adding your suggestion, but it has not worked.
The subscribe button shows up…. BUT it also shows up overtop off all the woo commerce product images.
Any other suggestions?
Thanks,
dnikitiuk
Hey!
You can write over an icon with a function in your child theme like the following:
add_filter('avf_default_icons','avia_replace_standard_icon', 10, 1);
function avia_replace_standard_icon($icons)
{
$icons['standard'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue915');
return $icons;
}
Best regards,
Devin
1. how to remove second line under the header area on my page. sellmydigs.com
2. how do you make the caption on an image show up on the webpage?
3. how do you change font size in text editor?
4. How do i change the icon background color on the icon list to the theme color? (so they look like the icons do when you choose “top” icon?
Other clues to help solve this mystery:
It happened before and after upgrade to 3.8.
Old images are not affected.
It happened after i installed yoast seo but continued when i untinstalled.
This reply has been marked as private.
Hey guys,
I have an image 480px wide that when clicked, I want it to be full-size in the light box. Inside the editor, I adjusted the scaling down to 60% and it looks great within the editor. When I view the page, it is still 480 px wide and pushed everything below it. Is this a bug?
URLs in next post…
Thanks,
Mark
Hello again Enfold Team,
I have a problem with the size of the portfolio items in a grid. Someone of the items use one line to present the name of the item, and other items use two lines. Can i force all the items to use two lines to adjust the grid properly.
See the image to understand my question:

Regards,
Raul.