-
Search Results
-
In reply to: Changing testimonials Font Size
Hi elicohenator!
Please try the following in Quick CSS under Enfold–>General Styling:
.avia-testimonial-content p { font-size:115% !important; }Regards,
RikardIn reply to: Responsive Bug mit All in one SEO Plugin
Hi Chris!
Wir empfehlen dir mit dem SEO Plugin von Yoast in Kombination mit Enfold zu arbeiten: https://wordpress.org/plugins/wordpress-seo/
Ich kann jedoch keine Probleme auf deiner Website sehen, auch nicht mobile. Kannst du uns mittels Screenshots und genauen Links zeigen wo das Problem liegt (imgur.com, dropbox)?Die H1 Überschriften kannst du für mobile hiermit kontrollieren:
@media only screen and (max-width: 480px) { h1.av-special-heading-tag { font-size: 40px !important; }}Passe die maximale Bildschirmgröße (480px) und font-size eventuell noch an.
Lieben Gruß!
AndyIn reply to: How to change the font size in text block?
Hi LepsienArtFoundation ;
You can find the custom size of the texte :
Dashbord > Theme Options > General Styling > Fonts > Default content font size
or
as it’s shown here :
Dear all,
I know this mght be a quite simple request, but I can’t figure out the right solution.
As the font size in a text block is limited to the pre-defined headline sizes I wonder how I can alter them by myself?
I would like to apply much bigger sizes than are offered now.Is there a simple code I can use?
Thank you very much,
SandraIn reply to: widget header / not responsive
Hi alexoua!
You don’t have too much space to play around with there, could you be a bit more specific on how you would want it to look like? You could try this CSS instead of the code you have now:
#header .widget { right: 2%; padding-top: 0px; position: absolute; top: 0; transform: translate(0%); line-height: 10px; font-size: 12px; }Cheers!
RikardHi,
in germany you to show exactly the delivery time.
How can I change the font-size for delivery time (Lieferzeit) in the single product page?Thanks a lot.
In reply to: Larger Font For Masonry Gallery Title
Hi slipp22!
Please try the following in Quick CSS under Enfold–>General Styling:
.page-id-14 .av-inner-masonry-content-pos { text-align:center !important; } .page-id-14 .av-masonry-entry .av-masonry-entry-title { font-size: 20px !important; }Best regards,
RikardTopic: Search box resize
Hi,
I’m trying to resize the search box using CSS but i’ve hit a bug. The changes display fine, but only after scrolling the page (even a few pixels). Right after clicking the search icon in the main menu, you get this :
And after scrolling, even a little bit, it displays as intended :
here’s the code I added to custom.css :
.inner_tooltip { position: fixed; width:100%; left:0px; top:150px; padding: 50px; background-color: white; z-index: 99999; } #top #searchsubmit, .ajax_load{ width: 100px; height: 100%; } #top #s { width: 100%; font-size: 50px; } #top #searchform div { max-width: 100%; }In reply to: Tab Font Size
Ok no problem. Thanks!
I have the same question for buttons. How do I modify the properties of a default button? Mainly, the font size within a button I feel is too small. I want to increase it but not increase the button size so the font takes more of the button space.
In reply to: Tab Font Size
Thanks! Just to make sure… you put 16px for the font and 20px for the icon font size. Should the icon one always be a bit bigger or should it be the same size as the regular font?
Hi
Im using below custom CSS code for an optin form but it seams the the default css(my guess base.css)overides by the default css. i only want this optin form to have different layout from the rest and not impact all inputs by Channing the default ones
The one i want the form to look like
http://theinternetmarketingcentral.net/optinformfinal.png
but know it looks likehttp://theinternetmarketingcentral.net/internet-marketing-strategies/
custom css:
.myForm td, input, select, textarea, checkbox { font-family: tahoma; font-size: 12px; } .required { color: red; } #frmSS3_optin{background-image: url("http://iem.theinternetmarketingcentral.net/image/optinformbg.png"); background-repeat:no-repeat; width:260px; height:550px;} #CustomFields_8_3{position:relative; top: 403px; left:55px; width:166px; border:none;} #email_field{position:relative; top:424px; left:57px; width:165px; border:none;} #frmSS3_submit{ position:relative; top:452px; left:28px; width:202px;height:36px; border:none;background-image:url("http://iem.theinternetmarketingcentral.net/image/optbtn.png"); background-repeat:no-repeat; background-color:transparent;} #frmSS3{width:260px; height:550px;}In reply to: Tab Font Size
Hey!
Please add following code to Quick CSS as well
.tab_icon { font-size: 20px!important; }Regards,
YigitIn reply to: Tab Font Size
The first option worked for me in increasing the font size but the icon with it did not increase accordingly. How can I adjust both?
In reply to: Tab Font Size
Hey Karen!
Please try using following code instead
div.tab { font-size: 18px!important; }If that does not help, please post the link to your page.
Regards,
YigitIn reply to: Tab Font Size
Hello! I have the same request. I tried the advice as posted in your reply #445625 but it did not work. Is there something else I could try to increase the tab title font size? Thank you!
KarenIn reply to: Content box shortcode or modify promo shortcode?
Hey Btina!
Hope all is well :)
Please add following code to your post
[av_promobox button='yes' label='Button Label Here' link='manually,http://kriesi.at' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='no' icon='ue800' font='entypo-fontello' box_color='' box_custom_font='#ffffff' box_custom_bg='#444444' box_custom_border='#333333'] Welcome Stranger! This is an example Text for your fantastic Promo Box! Feel Free to delete it and replace it with your own fancy Message! [/av_promobox]You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
then you can create any of them and copy/paste shortcode into any other content element or into text widget.Regards,
YigitHi, i’m trying to change Enfold testimonials font size (using testimonials slider {large})
tried to input in custom css this code:
.av-large-testimonial-slider .avia-testimonial-content
{
font-size: 1.1em; text align: right; important!
}but no response
help please :)In reply to: Schriftgröße
Hallo!
Please add following code to Quick CSS as well
.sidebar a { font-size: 25px; }Regards,
YigitIn reply to: Tab Font Size
Hi strengthcoaching!
Please try the following in Quick CSS under Enfold–>General Styling:
.js_active .top_tab .tab { font-size: 16px !important; }Cheers!
RikardIn reply to: How to open image excerpt on new window
Hi Rikard,
Thanks for the response.
What i concern is, I generated a button from the advance editor, than copy the code generated and pasted it into manual excerpt.
The code example:
[av_button label='Click for Details' link='manually,http://mytargeturl.com' link_target='_blank' color='custom' custom_bg='#3399ff' custom_font='#ffffff' size='medium' position='right' icon_select='no' icon='ue800' font='entypo-fontello' color='custom' custom_bg='#f5aa33' custom_font='#ffffff']</h4><p>I understand that the correct html for link just like in your reply. My problem is, although the button already set to open in blank, it still open in the same window.
Is shortcode not working on manual excerpt?
Thanks
Hi,
I’m wondering how i can increase the title font size for my masonry gallery i have set up? (The title is all i have displayed below the images) Also, id like to have the title centered.
Thank you.
Hi there!
Thanks for creating such a great theme and your wonderful support forums. I’ve been able to answer most of my queries by searching other people’s posts, but the below are the few remaining things I am struggling with. I’m a total newbie to WP so really appreciate your help.
1) Header image as logo
I’ve tried a few options, but my logo works best as an image as I want it to be full-screen. I have uploaded my logo as a full-width easy slider on every page to get this effect. But there are a couple of problems with this.a) Firstly, I also want to use a transparent header but this means the transparency logo is duplicated over the image
Basically I just want the logo to show when the user scrolls down and no transparency logo to be visible. Is this possible?b) Secondly, there is an issue on mobile devices.
Because of using the logo as a full width easy slider (maybe that’s not the best thing to do??) on mobile devices both the transparent logo and the logo I’ve added as a full width easy slider shows at the top of the page (one under the other). Can I make the full width image with logo disappear on mobile devices?
Or is there a better way to achieve what I’m trying to achieve (full width logo and transparent header) that doesn’t cause this issue?2) Iconlist – space under heading
Is there a way to add in a space between the heading and the list itself in the icon list?3) Border colors to form fields only
I want to remove the borders around the colour sections but when I change the border colours to white in the general styling tab it also removes the borders around the form fields which makes the fields disappear as they’re white too. Is there a way to add a light grey border to the form fields only via quick CSS?4) Icons as bullets – alignment
I’ve managed to use a custom icon as a bullet based on this advice #429401 which worked perfectly. But when I have used it with text styled as H4 the icon alignment goes out. See top of http://www.thehealthtohappinessproject.com/you-me/ How can I fix this?5) Form Title and Success message – size/font
I’ve tried to find a solution for this, but couldn’t seem to find anything that worked. What CSS would I need to add to change the form title and success message font size? I would like to make the form title look like the special heading (H4) styling (to tie in with the rest of the page). Also, I would like the form success message to be H6 and be able to change the colour please.6) Change specific button hover colour and border
I have buttons on a variety of colour sections throughout the site and so in one instance the button hover colour is also the background colour.
Is it possible to change the hover colour and border colour for this button only? I have activated custom cc class so familiar with using that.7) Button text has underline
I’m not sure why, but one of the buttons in a table has the button text underlined (but not the others). I’ve deleted it and added it back in numerous times, but can’t seem to get it to disappear!8) Menu hover colour on transparent header
Because the menu sits on a background image, I want the hover colour to be white. However when the transparent header disappears once the user scrolls down the white hover makes the menu items invisible as the background changes to white. Is there a way to keep the hover colour white when the transparent header is active, but change it to another colour once the normal menu is visible?
9) Own social media icons in footer
I have added my own social media icons into the footer via a text widget. I’m just not sure how to link them through to the actual sites. This is the code I am using for each icon:
<a Also how do I center them in the footer?
Thank you so much for your help. I’ve loved using your theme!
Hi
in der aktuellen Version von Enfold 3.1.5 gibt es hier einen Bug im Responsive Modus sofern das All in One SEO Plugin aktiviert ist. Die Spalten werden nicht mehr untereinander angezeigt sondern nebeneinander gequetscht.
Zu sehen ist dieses auf den entsprechenden Seiten mit den Karten.
Vielleicht mag sich jemand vom Support dieses Verhalten mal ansehen?Dann wäre es supernett wenn ihr einen passenden Code zum verkleinern der H1 Schrift (spezielle Überschrift) auf mobile devices liefern könntet. Wenn hier die Überschrift zu lang ist, werden die letzten Buchstaben leider abgeschnitten.
Versucht habe ich :@media only screen and (max-width: 480px) { div.av-special-heading.av-special-heading-h1.custom-color-heading { font-size: 18px !important; }}was leider keinen Erfolg bringt.
Danke vorab.
In reply to: With Mega Menu Column CSS
Hey!
use this code in Quick CSS field:
#top #header .mega_menu_title a { font-size: 20px; font-family: Verdana; letter-spacing: 3px; }and adjust as needed.
Best regards,
AndyHi!
Use this:
@media only screen and (max-width: 767px) { .responsive #top #wrap_all #collections .no_margin .flex_cell_inner { width: 100%; max-width: 100%; }}In your custom css codes, I noticed that you are separating css media queries with the same width. For example:
@media only screen and (max-width: 767px) { .responsive #top .slideshow_caption .avia-caption-content { font-size: 15px !important; }}And this:
@media only screen and (max-width: 767px) { .responsive #top .slideshow_caption h2 { font-size: 32px !important; }}You can combine them in a single media query:
@media only screen and (max-width: 767px) { .responsive #top .slideshow_caption .avia-caption-content { font-size: 15px !important; } .responsive #top .slideshow_caption h2 { font-size: 32px !important; } #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial { padding: 0px 20px; } }CSS media queries usually go at the very bottom the css stylesheet.
Best regards,
IsmaelTopic: Tab Font Size
Is there a way to change the size of the fonts in a tab content element? Not the body inside the tab but the actual name of the tab header.
In reply to: Avia Layout Builder
Good morning,
thanks for your response, It is what it is and no problems.Perhaps I can solve it with these these Q’s then as the problem is simply a Layout issue.
A. Stretched Layout is designated on Enfold settings panel
B. Column Layout shortcodes appear to box the layoutPlease see attached image below for layouts reference and can these be altered (with local or page) shortcode rather than global css?
1. & 3.
Can the Image (uploaded at 560x1920px) at the top of the page be controled to FULL WIDTH (1) and without gap (3) at top of page? It is within a 1 column-full as per shortcode below.
[av_one_full first][av_image src='[352 show=id]’ attachment='[352 show=id]’ attachment_size=’full’ align=’center’ animation=’pop-up’ styling=” hover=” link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’][/av_image][/av_one_full]2. The Gallery – Can it be controled to go edge to edge as per the Stretched Enfold setting point A above.
– is without any layout column shortcode
The ALB ‘Grid’ layout achieves these controls with the padding etc – but is only available in the ALB – and I have tried many variations but as you identify the shortcodes break some along the process[av_gallery ids='[341 show=id]’ 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’]
Thanks a mil
Chris
In reply to: Header Size Custom Class
Hey!
Seems like you have added custom CSS code into custom CSS field – http://i.imgur.com/KwhT4bk.png
You should enter only “my-custom-class” into custom CSS field and then add following code to Quick CSS in Enfold theme options under General Styling tab.my-custom-class h3 { font-size: 20px !important; }Best regards,
YigitI’m fighting with the icon that gets displayed when I select “Single Author – Small Preview Pic” in the “Blog Style” field. The icon that gets automatically displayed is “81×81”. I applied this code (from another ticket) to “functions.php”:
$avia_config['imgSize']['square'] = array('width'=>180, 'height'=>360);and then resized all the thumbnails with the “regenerate thumbnails” plugin.
I also added this to my quick css in Enfold | Theme Options | General Styling:
a.small-preview .small-preview .attachment-square .iconfont .blog-meta { width: 180; height: 360; }However, when I reload my page, the icon stays square. I have inspected the html elements and style classes with Firefox’s “inspect element” and thereby derived the list of classes above, but I still don’t get the graphic to resize, although of the containers have changed size.
Please help with the correct css or other changes for this.
In reply to: inline-link
