This reply has been marked as private.
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.image-overlay-inside:before {
font-size: 30px!important;
}
Cheers!
Yigit
Another question – how do I make the font size of the very top menu larger? The one with the phone number and email address and hours.
Hi!
Try this CSS out.
.tab_icon { font-size: 20px !important; }
Regards,
Elliott
Hi,
I have insert an image link on a hotspot.
When I click on the hotspot, the photo appears, but I haven’t title at the bottom of the image (The photo have a title on the WordPress photo library).
There is a possibility to include a fonction to insert the photo’s title on the hotspot module ?
I try this :
$output .= "<div class='av-image-hotspot' data-avia-tooltip-position='{$data_pos}' data-avia-tooltip-alignment='{$align}' data-avia-tooltip-class='{$tooltip_width} {$tooltip_pos} {$extraClass} {$tooltip_style} av-tt-hotspot' data-avia-tooltip='".esc_attr(ShortcodeHelper::avia_apply_autop($content))."' style='{$pos_string}'>";
/* AJOUT */$output .= "<".$tags[0]." title='{$alt}' class='av-image-hotspot_inner' style='{$custom_bg} {$custom_font}'>{$counter}</".$tags[1].">";
and that :
function add_hotspot($hotspot, $counter, $extraClass = "")
{
extract(shortcode_atts(array('tooltip_width' => 'av-tt-default-width', 'tooltip_pos'=>'av-tt-pos-above av-tt-align-left', 'hotspot_pos'=>'50,50', 'output'=>'', 'hotspot_color'=>'', 'custom_bg'=>'', 'custom_font'=>'', 'custom_pulse'=>'', 'tooltip_style'=>'main_color', 'link' => '', 'attachment'=>'', 'attachment_size'=>''), $hotspot['attr']));
$content = $hotspot['content'];
/* AJOUT */
if(!empty($attachment))
{
$attachment_entry = get_post( $attachment );
if(!empty($attachment_entry))
{
$alt = get_post_meta($attachment_entry->ID, '_wp_attachment_image_alt', true);
$alt = !empty($alt) ? esc_attr($alt) : '';
$title = trim($attachment_entry->post_title) ? esc_attr($attachment_entry->post_title) : "";
if(!empty($attachment_size))
{
$src = wp_get_attachment_image_src($attachment_entry->ID, $attachment_size);
$src = !empty($src[0]) ? $src[0] : "";
}
}
}
else
{
$attachment = false;
}
/* FIN AJOUT */
Thanks for your help.
Hey!
Edit the image layer then go to Attributes panel. Apply a css id or class. Use the selector plus css media queries on Quick CSS field to resize the image on smaller screen sizes. Use “devenons” on the ID field for example. Save change. Go to Quick CSS field then use this:
@media only screen and (max-width: 767px) {
#devenons {
font-size: 38px !important;
left: 20px !important;
}
}
Cheers!
Ismael
Hey webstrats!
Thank you for using Enfold.
You can use this on Quick CSS or custom.css:
.av_phone_active_right .phone-info {
float: none;
text-align: center;
}
Change the social icons with this:
.header_color .social_bookmarks a {
color: pink;
}
#top .social_bookmarks li a {
width: 50px;
line-height: 50px;
min-height: 50px;
font-size: 25px;
}
#top .social_bookmarks li {
width: 50px;
}
Cheers!
Ismael
Hey DROR!
Thank you for using Enfold.
The heading font size is working fine on our installation. Please make sure that you don’t have any custom css added for the heading tags.
Cheers!
Ismael
Thanks for replying Flikk,
I ran a seo check on my site and it said there is no h1 tag on the home page!
If i understand correctly the h1 tag is attached in the logo but if a custom logo is added this can change things.
Ive tried adding a tag to the fullscreen slider but can see where to add it, the only option is to change the font size.
My home page is only images, no text other than that on the slider.
Can you point me in the right direction?
Cheers
Hi!
Try with this code:
#top .av-slideshow-caption {
color: #F00;
font-size: 42px;
text-align:left;
font-weight:900;
font-family:Verdana, Geneva, sans-serif;
}
Regards,
Josue
Hi Btina!
Because the title in News is not an h1, add this to Quick CSS:
.main-title {
font-size: 25px !important;
text-transform: none !important;
font-weight: normal;
font-family:'Pacifico';
}
Cheers!
Josue
Hey Steve!
Try adding this code to the Quick CSS:
.ls-inner{
position: relative;
}
.ls-inner:after {
content: "Escape to the undiscovered heart of the Languedoc..";
position: absolute;
width: 100%;
height: 50px;
bottom: 0;
left: 20px;
color: white;
font-size: 26px;
-webkit-animation: fadein 2s;
-moz-animation: fadein 2s;
-ms-animation: fadein 2s;
-o-animation: fadein 2s;
animation: fadein 2s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
Cheers!
Josue
thank You @elliott – my concern is the writing inside the pricing row. In Your demo You have different sizes and types of character. I did not find the way to change the font, the size etc.
Ive found a few CSS lines to put in custom.css but none seem to make a difference.
Im trying to move the caption text further to the left, have a wider box and change the font.
tried this in custom.css and it did nothing:
#top .av-image-caption-overlay-center {
color: #F00;
font-size: 42px;
text-align:left;
font-weight:900;
font-family:Verdana, Geneva, sans-serif;
}
Hey Patrick!
Add this to the bottom of your functions.php file.
add_action( 'ava_after_content', 'enfold_customization_back_button' );
function enfold_customization_back_button() {
echo do_shortcode("[av_hr class='invisible' height='90' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']");
$link = get_permalink( avia_get_option('blogpage') );
echo do_shortcode("[av_button label='Back' link='manually,".$link."' link_target='' size='medium' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']");
}
Regards,
Elliott
Hi gregalado!
The problem is from some custom CSS your using.
body {
color: #444;
font-family: "Open Sans",sans-serif;
font-size: 13px;
line-height: 1.4em;
min-width: 600px;
}
Remove the min-width line.
Best regards,
Elliott
This reply has been marked as private.
Hi,
Randomly out of know where all of a sudden my Enfold tab in the back-end isn’t displaying properly, the options for the tab you click on are appearing below the tabs not to the right hand side. (This is not a huge issue as it still functions fine, just annoying that it’s done it for no apparent reason).
The main issue is on my contact page, I’ve increased the main menu font-size & for some reason the default menu font-size reverts back just on the contact page. I have no clue why. I’ve tried creating a new page and putting the content on again and it still does it with a new page so I feel it has to do something with the elements on that page. Also on the contact page my Google Maps element appears to have a black bordered grid overlayed all over the map…
This all happened today out of know where I didn’t even update the contact page today at all, and I haven’t done any WordPress updates so I’m not sure why this has happened all of a sudden. I’m on WordPress 4.0.1 & Theme version 3.0.4.
Edit: With some more testing, I’ve found that it only appears to be happening on Google Chrome on PC. On other browsers and Mac it’s fine. Very strange.
Regards,
Karam
-
This topic was modified 11 years, 3 months ago by
Kuzz.
Hi djshortkut!
Please add following code to Quick CSS
.grid-entry .inner-entry { box-shadow: none; }
h3.grid-entry-title.entry-title { font-size: 14px; }
Best regards,
Yigit
Hey djshortkut!
that’s weird. Right now I can’t see any links on your icons, but you can control size of the icons with this:
#contact-info .iconbox.av-no-box .iconbox_icon {
height: 60px;
width: 60px;
line-height: 60px;
font-size: 30px;
}
So after adding a link to it, adjust it as needed.
Anyway, try to deactivate all plugins, to see which one could cause the issue.
Regards,
Andy
1. How do I increase the size of the font for the titles of the portfolio grid?
2. How do I remove the thin border line around the portfolio grid?
Thank you!
Hi Flikk,
Thank you added some more CSS and now it looks good!
But in responsive mode it looks crap? and how to fix the hover CSS?
#menu-item-1458, #menu-item-1458 a {
border-color: white;
font-size: 14px;
border-style: solid;
padding: 8px;
}
-
This reply was modified 11 years, 3 months ago by
apower84.
Hi,
I’d like to have posts open a video in a lightbox from the blog page (as opposed to when you go to the single post and then watch the video). The shortcode generator gave me the following:
[av_image src='https://maastricht-students.com/wp-content/uploads/2014/12/MixandMingle.jpg' attachment='14123' attachment_size='full' align='center' animation='no-animation' link='lightbox' target='https://www.youtube.com/watch?v=WpmoN7eDBEQ' styling='' caption='' font_size='' appearance=''][/av_image]
Which I then inserted into the Excerpt portion of the post. But this shortcode works neither in the regular post body nor in the excerpt section.
Any advice?
Also, does Enfold support Post types, as I see Video is one of these. But the post type seems to have no effect on the format of the posts.
Thanks, Atticus
Hey!
Try with this:
@media only screen and (max-width: 989px) {
.iconlist_content *{
font-size: 14px;
}
.avia-icon-list .iconlist_icon{
margin-right: 15px;
}
}
Regards,
Josue
Hi Pieterjan!
I’m not noting it on my end neither, but try adding this to Quick CSS:
input.button:hover {
font-size: 12px !important;
letter-spacing: 0 !important;
font-weight: normal !important;
}
Regards,
Josue
Hi!
Try with this code:
#contact-info .iconbox.av-no-box .iconbox_icon{
height: 35px;
width: 35px;
line-height: 35px;
font-size: 16px;
}
Best regards,
Josue
Hey!
Try adding this code to the Quick CSS:
#header_main_alternate .container {
padding: 0 !important;
}
@media only screen and (min-width: 989px) and (max-width: 1288px){
.av-main-nav > li > a{
font-size: 12px !important;
padding: 0 10px;
}
}
Cheers!
Josue
Hi!
It would change the font size of posts. Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/
Also please refer to link @Flikk posted above. You can find Quick CSS field in Enfold theme options under General Styling tab
@flikk thanks :)
Cheers!
Yigit
Hi Hotelsolutions!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.avia-slideshow-button {
padding: 6px 8px!important;
font-size: 12px!important;
}}
Best regards,
Yigit