Hi Carolina!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia_ajax_form p {
color: #cca870!important;
}
#top div .av-light-form .input-text, #top div .av-light-form input[type='text'], #top div .av-light-form input[type='input'], #top div .av-light-form input[type='password'], #top div .av-light-form input[type='email'], #top div .av-light-form input[type='number'], #top div .av-light-form input[type='url'], #top div .av-light-form input[type='tel'], #top div .av-light-form input[type='search'], #top div .av-light-form textarea, #top div .av-light-form select, div div .av-light-form .button {
border-color: #cca870;
}
Regards,
Yigit
Hi,
Thank you for a fascinating Enfold theme!
My question is: How can I add an author’s name below the gravatar image in the individual blog roll?
Logically, it’s good to see the name of an author at the top of the article along with his gravatar.
Thank you.
-
This topic was modified 10 years, 1 month ago by
jewsforjesus.
Hey!
@lavision Replied you here – https://kriesi.at/support/topic/contact-form-not-working-48/. Let us continue there and do not hijack other threads :)
Regards,
Yigit
I understand Andy, but I think Enfold is compatible with CPT UI. You guys even recommend the use of this plugin in other posts on this forum.
There is another thread on this forum https://kriesi.at/support/topic/enfold-featured-image-with-custom-post-types-cpt-follow-up/ that seems to deal with the same issue.
I also did some digging and found that the issue can most likely be resolved by adding a code snippet to the theme’s functions.php file.
https://wordpress.org/support/topic/custom-post-type-ui-featured-image-not-showing?replies=3
I tried the proposed solution above, but it doesn’t work for me. I’m working with a child theme .
I would really appreciate it if you guys could look into this. Making this work is a fundamental aspect to my design.
Many thanks
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .av-main-nav ul ul {
left: 207px;
}
Best regards,
Yigit
Hey!
i moved your code to the top on functions.php file and it does work fine. I deleted your dummy text. Please edit your widget as needed
Cheers!
Yigit
He Andy,
You’re welcome!
My solution depends on the autosave feature that seems to be called each time you press the preview button. However it seems that sometimes saving the preview takes more time than loading the preview so you might end up with either an older preview or no preview (the current version). It usually does provide better results compared to using get_the_content() since that sometimes returns a preview made by another user that previously edited the page, or no preview at all (the current version again). Also, post_parent is better omitted, I saw instances (in the database) where post_parent was either 0 or the current post_ID so that is a bit buggy / random.
I hope you find a use for this fix, however I haven’t seen anyone else having a problem with previews since the support topic from december 2013 so your solution seems to working fine for most users.
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (min-width: 1200px) {
.html_header_top.html_logo_center .logo {
left: 42%;
}}
Best regards,
Yigit
Hi!
in my contact form, i have elements with and without validation. the element without validation still are marked with an *asterix – the form is still sending if the field is blank, but it is irritating. how can it be removed?
i also tried to change the background color, if a validation field is left empty. it worked for the text input, but not the email element. can i also change the font color if it is tried to send with the empty validation fields?
#top #wrap_all .error .is_empty {
background-color: #df6f1f !important;
}
another thing at the page: in the URL it attaches a slug: http://www.xxxxx/xxxx/animated-image
Where is that coming from?????
thx for looking!
Lucie
if you are using a svg instead this is very easy !
https://kriesi.at/support/topic/info-concerning-to-svg/
the only thing to do is to give the svg a width because wordpress is using 0x0 (width and hight) of an svg.
than follow the gimmick with
preserveAspectRatio=”xMidYMid meet”
the great advantage of svg is that your shrinking header is more sharp than any other image format – because of vector based infos.
so your little subheader could be readable even on shrinked header.
-
This reply was modified 10 years, 1 month ago by
Guenni007.
Hi,
Ah you want to replace the icon with a custom image, apologies for the confusion.
Try Yigit’s method here
replace iconbox icon with own image
I’ve given it a quick test and it works ok. Just holla if you run into a problem
TJ
Merhabalar!
Rica ederim. Lutfen assagidaki koduda Quick CSS alanina ekleyin ve rengi istediginiz gibi degistirin :)
#top .header_color .ajax_search_entry:hover {
background-color: black;
}
Cheers!
Yigit
f.e:
#header_main {
border-bottom-style: solid;
border-bottom-width: 0;
z-index: 1;
background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 15%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 15%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.9) 15%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
see: http://webers-testseite.de/enf02/
on landing page
Hello, what might be causing this error at the top of this page below?
access link
http://www.liliansouza.com/assets/liliansouza/
Page preview is not working when using the Avia framework, not even with the fix found here: https://kriesi.at/support/topic/no-preview-with-enfold-in-dev-website/
I devised a better fix, see filter below (copy / paste it in your functions.php file)
/*
Fix an issue where previewing a page does not show modified changes when using the Avia framework
*/
function avia_preview_fix($content)
{
if (is_preview())
{
/*
The latest preview for this author is *probably* the one we want:
- post_parent = 0 for all previews
- post_type = revision for all previews
- post_status = whatever the current status of the current post / page being previewed is
- author = always the current logged in user
- sort by descending date since the most recent one is the one we need
- this way we need to only retrieve one post
*/
$wpq = new WP_Query(array(
'post_parent' => 0,
'post_type' => 'revision',
'post_status' => 'any', // change this maybe to the post status of the post being previewed?
'author' => get_current_user_id(),
'orderby' => 'date',
'order' => 'DESC',
'posts_per_page' => 1
));
// double check if there are any posts
if ($wpq->posts)
{
// overwrite content with the latest preview content
$content = $wpq->posts[0]->post_content;
}
}
return $content;
}
add_filter('avia_builder_precompile', 'avia_preview_fix', 99, 1 );
Feel free to bestow us with a bit more free support in return ;-)
-
This topic was modified 10 years, 1 month ago by
kracht12.
Hey!
you can get rid of green background for iPad landscape using this code in Quick CSS field:
@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (orientation: landscape) {
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
max-width: 100%;
}}
Cheers!
Andy
Hey!
versuche diesen Code im Quick CSS Feld:
#top .avia-smallarrow-slider .slide-image, #top .avia-logo-element-container img {
margin-top: 10px;
}
und passe an.
Gruß,
Andy
Hey!
I edited your color section and gave it a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
and then added following code to Quick CSS in Enfold theme options under General Styling tab
#overlapping-section .content { padding-bottom: 100px; }
then edited your 4 column and gave -65px top margin to all of them. Please review your website now
Cheers!
Yigit
@stevegoh422
to move your promotion button a bit higher use this code in Quick CSS field:
#menu-item-805 {
top: -10px;
}
and adjust as needed.
@eduardwp
Please open a new ticket/thread for your issue.
Cheers!
Andy
Hey!
currently you are using this code:
@media only screen and (min-width: 480px) {
.responsive.html_mobile_menu_tablet.html_visible_cart #top .cart_dropdown {
right: 18%;
}}
Change right value to 9% for example for desktop.
For iPad use this code:
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.responsive.html_mobile_menu_tablet.html_visible_cart #top .cart_dropdown {
right: 15%;
}}
So basically you just need to adjust the media queries for different browser sizes: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Cheers!
Andy
Hey!
Please review your website now. In your custom code here, you started with a normal bracket instead of curly bracket. We fixed it
Best regards,
Yigit
HI,
I finally understood what you meant.
I added another 1/5 and changed the css to 16.5% as suggested.
This looks like what I want on mobile but on desktop, the 6 icons is not in 1 row.
How can I make it so that it’s 6 icons/columns in a row?
Thanks.
Hey!
You created your blog post using Advanced Layout Builder. When creating posts using ALB, you should add Featured image to the top and Social Share Buttons and Comments elements to the bottom manually using ALB elements.
Cheers!
Yigit
Hi Andy,
sorry, the PDF is back on dropbox!
I want to have both icons shown all the time (incl. same space between the icons) as under the Pic “IPhone 6 Plus vertical”. Does not matter if it´s shown on desktop versions or mobile. As you can seen on the other pictures, the “main menu icon” remains always on the same position, but the cart icon floats. Hope I properly described it, because I’m a beginner in HTML/CSS so I’m not used to the HTML/CSS language, sorry!
Best regards
Mike
Hi guys,
That is really a pitty :-(
The client decided to go for pagination, although it is not a good or preferred choice since the whole page will be reloaded each time you click next page and it starts again from top… The visitor then manually has to scroll down again to the portfolio slider.
Is there a solution when you click on next page, that the ‘new’ page automatically scrolls down to the portfolio slider again?
Thanks & regards,
Monique
Hey!
Please add following code to Quick CSS as well
@media only screen and (min-width: 990px) {
.header-scrolled li#menu-item-3802 img {
top: 0;
}
li#menu-item-3802 img {
top: 17px;
position: relative;
}}
Best regards,
Yigit
Hey!
The latest patch will be included on the next update, unfortunately, there’s no eta yet because Kriesi is working on a few more demos. Did you try this fix? https://kriesi.at/support/topic/layerslider-not-working-5/#post-583136
Best regards,
Ismael