-
Search Results
-
In reply to: remove frames/colors in table within a (Text)block
Just found a “global” solution in custom-css field – but is there a way to achieve this in a code box only valid for a single section.
Currently I only have two tables where my solution fit, but it would be nice to be more flexible by restricting this formatting only to one page/section/box..main_color .avia-data-table .avia-highlight-col, .main_color table, .main_color tr:nth-child(odd), .main_color tr:nth-child(even), .main_color td { margin-top: 0px; background: #ffffff; border-top-color: #ffffff; border-bottom-color: #ffffff; border-left-color: #ffffff; border-right-color: #ffffff; color: #4d4d4d; font-size: 14px; padding-top: 0px; padding-bottom: 0px; } .main_color td:nth-child(1) { width: 160px; }In reply to: Advanced LayerSlider on iPhone
Hey Richard!
I checked your website on my iphone and it does show up on my end – http://i.imgur.com/OjoeOFv.png
Only issue i see is with the logo and you can fix it with following code@media only screen and (max-width: 480px) { .logo a { font-size: 50px; }}Best regards,
YigitIn reply to: Change the color of the authors name in the comments
Hi Pauloflores!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
cite.comment_author_name { color: red; font-size: 20px; }Best regards,
YigitIn reply to: mobile issue on Samsung GALAXY S3
Hey!
I only have an iphone and as you said, it looks totally fine on it. @Rikard asked if teammates will be able to reproduce the issue on their devices or if they have Galaxy S3. Please kindly wait to hear from them.
I noticed special heading elements are being cut on portrait mode. Please add following code to Quick CSS in Enfold theme options > General Styling tab@media only screen and (max-width: 480px) { h3.av-special-heading-tag { font-size: 50px!important; }}If you have a chance, please check your website on another Galaxy S3 to make sure that it is not a device specific issue.
Cheers!
YigitIn reply to: some questions
Hey ACM!
1- You can add following code to Code Block – http://pastebin.com/PEcLCUyj and then add following code to Quick CSS field in Enfold theme options under General Styling tab
#top #wrap_all .avia-slide-wrap .avia-double-button, #top #wrap_all .avia-hover-fx .avia-double-button { background: #000; background: rgba(0,0,0,0.2); border-color: #fff; color: #fff; padding-bottom: 11px; text-decoration: none; } #top .avia-double-button { letter-spacing: 1px; padding: 13px 20px; text-transform: uppercase; font-size: 13px; text-align: center; min-width: 175px; display: inline-block; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; border: 4px solid #fff; text-decoration: none; }2 & 3 – These are not easily possible without heavy customisation. You are going to need to hire a freelance developer on Envato Studio or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote from WerkPress.
Best regards,
YigitIn reply to: Font Size of Blog Titles
Hi!
Thank you for cominbg back.
If you want to limit it to that page only:
.page-id-641 #main .post-title a { font-size: 60px !important; }Or you can try to use:
#main .post-title a { font-size: 60px !important; }Regards,
GünterHi, I’ve been hard at work trying to create a vignette effect over the Masonry blog layout instead of the default overlay.
I found that I can use the following styling of the background property to create the vignette:
background:
radial-gradient(transparent, black),This is the CSS I am currently using to style the Masonry blog:
****************
.av-masonry-entry .av-inner-masonry:hover:before {
background: rgba(0, 181, 241, 0.7);
}
.av-masonry-date{ display: none !important;
}
.av-masonry-entry .av-inner-masonry-content {
background:transparent !important;
text-align: center;
}
.av-masonry-entry .avia-arrow { display: none;
}
.av-masonry-entry .av-masonry-entry-title {
background: transparent;
padding: 10px;
margin-bottom: 30%;
font-weight: bold;
font-size: 24px;
color: #ffffff !important;
}
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}
.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
-webkit-transform: none;
-moz-transform: none;
transform: none;
opacity: 1!important;
}
****************I also noticed that often, the above CSS creates errors in the rendering of the images within the Masonry Blog. Am I doing something incorrectly, or is this just too much customization?
Lastly, I was also wondering how I could target specific color containers and apply the same vignette effect to the parallax image inside it. For example, on my homepage at http://www.thejetcoaster.com, I would like to try this with the image inside the color section under the “What is The Jet Coaster” section.
Thank you so much in advance!
In reply to: Full width easy slider
Hi!
I just want to know if this is possible:
in comments, people leave a reply and then appear the name of the person and then the comment.
Is posible to modify the font size and the colour of the comment authors name??
thank you very much!
regards
In reply to: Mobile Issues
Hi mcraig77!
1. + 2. Add this to your custom CSS.
@media only screen and (max-width: 479px) { .slideshow_caption, .slideshow_caption * { font-size: 16px !important; } .aviaccordion-title { font-size: 16px !important; } }3. Try this out, http://kriesi.at/documentation/enfold/enable-cors/.
Cheers!
ElliottIn reply to: Icon in footer title
Hi dypfryser!
Try adding this to your custom CSS.
.widgettitle:before { font-family: "entypo-fontello"; content: "\e822"; font-size: 20px; }And then send us a link to your page so we can check it.
Regards,
ElliottIn reply to: How do I increase my default font size and type?
Hi James!
Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/
Best regards,
YigitIn reply to: Sticky Footer
Hi!
Please add folllowing code to Quick CSS as well
.home .pricing-table-wrap:nth-child(1) .pricing-table li { font-size: 15px; }and it should look like this – http://i.imgur.com/Qz6RA2w.png
Regards,
YigitIn reply to: Woo commerce – Display the user name
Hi!
can you post a link showing the issue? I can’t see it on your homepage. We need to inspect it to be able to provide you some CSS. However try this code in Quick CSS:
#header-welcome { font-size: 11px; color: #3c3c3b; }Best regards,
AndyIn reply to: Full width easy slider
Hi!
Please try as following
@media only screen and (max-width: 1024px) and (min-width: 768px) { .avia-slideshow .avia-caption .avia-caption-title { font-size: 40px !important; } .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { font-size: 25px !important; }}Best regards,
YigitIn reply to: Text instead of logo
Hehe, quite obvious. Thanks!
Small issue now. When I target the span.subtext to style it, I can’t change font. But I know I target the right class because I can change the font size.Also, I need to get rid of the green underscore in hover state, but just for span.subtext, not for the main menu.
<– Still need help with thisBIG THANKS!
Topic: Image not showing in post
Hi guys
couple of problems that I would appreciate some assistance with:1. Header post images are not showing (link in private section below)
2. and are not centered
Code
[av_image src='2223' attachment_size='full' align='center' animation='left-to-right' link='' target='' styling='no-styling' caption='' font_size='' appearance=''][/av_image]
(link below)
3. Is it possible to force a hard crop ratio within the code – irrespective of the uploaded image ratio?Also
5. PORTFOLIO masonry gallery – when viewed on an ipad – has overlay permanently visible/ activated6. And could you please provide the a quick code to reduce the Top/ Bottom padding of the overlay
Many thanks in advance
Best ChrisIn reply to: Font Size of Blog Titles
Hi m!
Thank you for using our theme.
Try the following and adjust the value:
.blog #main .post-title a { font-size: 60px !important; }If this does not work please give us a link to your page so we can see your setup.
You can post it as a private reply here.
Cheers!
GünterHi,
Is there some CSS I can apply that will increase the space between the social media icons? I have the social media icons in the footer on the Enfold Restaurant theme. I currently have this in Quick CSS if you need it.
#footer [data-av_icon]:before { font-size: 25px !important; } #top .social_bookmarks li a { font-size: 25px; } @media only screen and (max-width: 990px) { #wrap_all { position: relative !important; }} @media only screen and (max-width: 989px){ div.foot-cust .av_one_fourth{ width:100px !important; margin-top:0 !important; } div.foot-cust .flex_column{ margin-bottom:0 !important; } }In reply to: Footer does not respect primary color
In reply to: 15 Copies of each image? That's a problem.
Hi, April! Thanks for sharing your thoughts and frustrations. We’ve all been there, me with some other themes (some you mentioned in your list). It’s clear you’re not very happy with the theme; I chalk that up to a preference thing, because there are plenty of people who prefer Enfold over the other themes you listed (including me). The ratings for Enfold (and those other themes, mind you) speak for themselves.
As far as the image creation goes, yes, Enfold creates lots of images, probably to enable you to choose the ideal sized image for each application so your site loads faster. Does it take up more server space? Sure. But, most people don’t care about that, as most of us have virtually unlimited space with our hosts.
To be honest, when you’re asking Kriesi to disclose pretty much everything, the amount of up-front disclosures make the market copy way too long! To satisfy someone in your position, you’d need a demo account to try it out for yourself before you buy. And very few authors are doing that for themes.
I’ve been developing websites full-time for almost four years now (mostly using the Genesis Framework, but more recently on some of the themes you’ve mentioned above). So, I’ve tried Visual Composer, Elegant Themes’ builder, another one I can’t remember the name of, and the Avia Layout Builder. In my opinion, the Avia Layout Builder is the most user-friendly.
I’m also surprised that after using 37 other themes, you’re put off by having to do some CSS to pad an H1. I’m glad I don’t have every possible styling option for every element in my design. For every H1, do we need fields for margin, padding, text-color, background-color, display, visibility, text-decoration, font-style, text-transform, letter-spacing, font-weight, font-family, and on and on? If not, someone’s got to decide which ones of those to offer in the layout builder. And, that’s the author of the theme.
Make it easy on yourself and set up a child theme to begin with. Your development will go much faster. Keep your code editor open while working on the site. Add the declaration (one line, not hundreds) and save. Your change will then apply to every special heading H1! Here’s the code (you’ll have to change the numbers to fit what you need, of course):
.av-special-heading h1 { padding: 15px; }If Enfold’s lack of Visual Composer is the issue, either buy a theme that comes with it or purchase it here. It would be outlandish to claim that Kriesi should disclose that Visual Composer is not the same as the Avia Layout Builder. Different builders are different. Same with plugins…you can’t expect all your All-In-One Events to transfer over to The Events Calendar. Most plugins (and Visual Composer and Avia Layout Builder are basically plugins) work that way. If they had the same codebase, they would cause conflicts if both were installed.
My advice is to find a framework or parent them you like, learn to develop under it, and become an expert. Whether that’s Enfold or Avada or one of the 37 you listed above.
Lastly, you started by complaining that the theme is bloated. But, then, you are asking for every element to have numerous options to create all your heart desires without having to do any CSS. If Kriesi were to add all those options in the Avia Layout Builder, my friend, then you’ll know what a bloated theme is. And, that is what many of us don’t want.
I sincerely hope you can figure out the issues you’re having and launch the site you’re working on soon. Sounds like it’s costing you money at this point.
In reply to: Change font color etc in ALB elements
No Rikard, @begrafiks’s suggestion doesn’t work. I originally followed Ismael’s advice here
https://kriesi.at/support/topic/text-block-font-size/
As I described in my op, I put this in Quick CSS (as Ismael recommends):
.avia_textblock.awesome-textblock p {
background: blue;
padding: 10px;
font-size: 20px;
}
This code works, but @begrafik’s code doesn’t work.So back to my original questions:
1. how do I change font COLOR? E.g. font-color:red; doesn’t work
2. how do I do the same kind of changes for say an ICON LIST? I tried .avia_iconlist.awesome-iconlist p { etc and it doesn’t work.Topic: Font Size of Blog Titles
The post titles listed on the main blog page are too small. (The size is fine when viewing an individual post.) What is the best way to change the font sizes?
In reply to: Magazine issue
Topic: Adjust Icon Tooltip width
I’m new at this…wondering how to change the width of a icon tooltip. A better question is how can I see where parameters to these types of things, like a tooltip, are set? For example, in the case of tooltip, how would you change colors, font size, etc.
Thank You
In reply to: Responsive bugs in my header + slider
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 989px) { .avia-slideshow-inner, .avia-slideshow-inner li > div{ height: 320px !important; } .av_slideshow_full li img { height: 100%; } .slideshow_caption h2{ font-size: 26px !important; } }Cheers!
JosueIn reply to: Mobile Menu Styling
Hey Justin!
Please use following code
ul#mobile-advanced * { text-transform: uppercase; font-size: 1.5em; } #mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title { border: none!important; } ul#mobile-advanced { background: #2B6973; }Best regards,
YigitIn reply to: Can someone help with formatting?
Hey Fred!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-main-nav > li > a,#header_main_alternate { border: none !important; } .av-main-nav > li > a > .avia-menu-text { border-left: 1px solid #999; padding-left: 20px; } li#menu-item-73>a>.avia-menu-text { border: none!important; padding-left: 0; }Then you can go to Enfold theme options > Advanced Styling tab and edit “Main menu links” to change the font size etc.
Best regards,
YigitIn reply to: Main Menu Styling
