-
Search Results
-
Hi,
I recently updated to the latest version of the Enfold theme and now some the Custom CSS I had inputed to change colours of heading etc is not working.
I had previously used the following codes to change the following elements
Heading colours – #top .entry-content h1 { color: #58585a; }
Blog post heading colour – .main_color .newsbox .news-headline {color: #58585a;}
Icon Box heading colour – .iconbox_icon.heading-color.avia-font-entypo-fontello {color: #58585a;}
Can you let me know why these codes would now not be working?
Thanks for your help!
In reply to: Change Icon Color
Hey,
You can use this on your custom.css or Quick CSS:
.iconbox_icon.heading-color.avia-font-entypo-fontello { color: red; }Regards,
IsmaelIn reply to: Enfold Showcase
Hi,
just bumping in presenting http://www.pcamobile.de as multilanguage site using WPML.
Progress is still ongoing (especially translation stuff). Don’t blame me for that navigation – customer choice and I had to do it.
Not that much changes mostly CSS (can be found in some of ym other posts) and some javascript opts. Alaso made some mods to the iconbox having it fully linked (custom graphic icons are done by CSS), changed the portfolio ordering to random and made some backend tweaks to the avia builder.
Still expiriencing some weird behaviours with WPML and the layout builder, but this sticks to WPML (and partly to Enfold/Avia).
Looking forward to use Enfold in another project where the navigation will be completly rewritten with a fresh approach and a big addition to the portfolio (selective category display with attached single item slider, maybe with instanced ajax portfolio preview).
Thanks to the support guys who kept up in solving the difficult probs!
*waves*
In reply to: Icons in Enfold
Hey,
You can use this on your custom.css or Quick CSS:
IconBox:
.main_color .iconbox_content_title {
color: red;
}
.main_color .iconbox_icon.heading-color.avia-font-entypo-fontello {
color: blue;
}Regards,
Ismael
In reply to: Search results page & Iconbox in Sidebar
Hi,
Please add following code to custom.css file or to Quick CSS section in Enfold theme options page under Styling to display right border.
div#text-4.widget.clearfix.widget_text { left: -1%; }In your WordPress theme directory please go to Enfold > Includes and open Loop-search.php file and find following code in line 119
<h3 class=''><?php _e('Feel like browsing some posts instead?', 'avia_framework'); ?></h3>and delete it. It will delete “Wollen Sie sich lieber andere Artikel oder Seiten ansehen?”
Then find following code in line 123
'before_widget' => '<div class="widget avia_combo_widget">',and change it to
'before_widget' => '<div class="widget avia_combo_widget" style="display:none;">',Regards,
Yigit
In reply to: Change color background element
Hi TFT,
To alter a single element you would need to do it manually via css. So first you would need to add the following to your functions.php:
add_theme_support('avia_template_builder_custom_css');Once you have done this you will have the option to add a custom class name on any avia widget element in your advanced layout editor. What this means is you can add a custom class name into that field for whatever element it is and customize its css declarations with your own values.
For example, you give an icon box the class name of tft-black-background-iconbox. Next you add the following to your Quick CSS in the styling tab to give the icon box a black background:
tft-black-background-iconbox {
background: #000;
}Anytime you add the same class name to an iconbox you get the same effect.
Regards,
Devin
Hi,
Please add this on your custom.css or Quick CSS to fix the iconbox and iconlist:
.avia-icon-list .iconlist_icon {
background-color: #333333;
background: #333333;
}
.main_color.iconbox_top .iconbox_icon {
background-color: #ffee38;
color: #191919;
border-color: #ffee38;
background: #ffee38;
border: 1px solid #ffee38;
}Regards,
Ismael
In reply to: Buttons in IE8
Hey,
You can add this on your custom.css or Quick CSS to make the button text white:
.avia_iconbox_title {
color: white;
}And this to remove the text shadow:
body .avia-button.avia-color-theme-color, body .avia-button.avia-color-theme-color:hover {
text-shadow: none;
}Regards,
Ismael
In reply to: Icon box header and icon color
Hi,
Please add this on your custom.css or Quick CSS
.main_color .iconbox_content_title {
color: red;
}
.iconbox_icon.heading-color.avia-font-entypo-fontello {
color: red;
}Regards,
Ismael
In reply to: Iconbox
You can go to fontello.com since they have another thousand and a half icons there first and see if any of them do a better job fitting with your site. you can remove it using this css (iconbox icon on top)
please add this to your css/custom.css file OR to Quick CSS located in Enfold > (Theme Options) >:Layout Styling … the text area on bottom.
.iconbox .iconbox_icon {
display: none;
}Thanks,
Nick
In reply to: Adding gradient background to icons
Hi,
You can use this on your custom.css or Quick CSS
.avia-icon-list .iconlist_icon {
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}For the iconbox, you can use this:
.iconbox_top .iconbox_icon {
background: #cedce7; /* Old browsers */
background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cedce7 0%,#596a72 100%); /* IE10+ */
background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}This is a nice website to create gradient backgrounds: http://www.colorzilla.com/gradient-editor/
Regards,
Ismael
Hi designprime,
1 – We’ll need to see an example of what you mean live. The images should all have a max width set on them but that doesn’t work in IE8.
2 – Seeing an example live so we can see your version and inspect the code live should shed some light on whats happening. May need to do something specific to IE8 if the container is breaking.
3 – This was a bug fixed a version or two ago so if you have not updated recently, then doing so should fix this.
4 – You can set css specific to browser size using media queries. In the custom.css file we actually have a desktop specific and non-desktop specific media query already set up for you to add your own css to it. You can then define specific heights for elements only on mobile.
5 – We don’t have any topics that are over 2 days old with no replies by us right now and typically never have anything over 1 day old. Every single topic asked here gets answered unless the user solves it before we have a chance to answer. See: https://kriesi.at/support/topic/set-size-of-video-content
Regards,
Devin
In reply to: need side by side iconboxes to have the same height
Hi unitedwc,
Once it has been set you can just add any class name into that field and then target it specifically with css. For example if you add:
my-custom-margin-classand then you add this css to your Quick CSS:
.my-custom-margin-class{
margin-top: 10px;
}You could have an additional 10px margin on the top of that item.
In reply to: need side by side iconboxes to have the same height
hmmm, that custom css id sounds interesting: how do you use that?
I added the call in functions.php and see the custom css id field now in the elements.
In reply to: Page content missing or broken in browser tests
Hi Nick, thanks for the help but we had already visited many of those URLs and tried most most of the suggested queries anyway. Unfortunately though, it’s STILL NOT working and this is getting urgent now as we want to go live with the site. Some of the querires do seem to work, but then ALL the styles from the rest of the stylesheet are completely ignored and stripped out? We’re not meant to copy ALL custom styles and also paste these within the media queries too are we, as these apply to how the site should appear on all devices and browsers. EDIT: We’ve tried that and it still doesn’t work!
Surely there is some easy way to simply set a predefined height for the iconbox background colour. Otherwise, how can you ensure that column layouts all stretch to exactly the same height when viewed on other devices for consistency?
Could there be a bug in the theme? Another thing that really doesn’t help is the fact that when you add an image to an iconbox and rollover it with the mouse, it seems to expand slightly pushing content further down! Is there some way to prevent this from happening as it’s really annoying and makes aligning columns even more problematic too?
Please can someone provide a solution to this. Many thanks,
EDIT: The appear to be a mistake in the code you quoted above too, as there is a missing ‘)’ which will cause problems!
In reply to: need side by side iconboxes to have the same height
Hi,
You need to add this on your functions.php before you can assign specific css selector for each element.
add_theme_support('avia_template_builder_custom_css');Regards,
Ismael
In reply to: need side by side iconboxes to have the same height
Also, if you had the icon boxes inside a page section, you could assign a custom CSS ID to the section and then apply the CSS rules to that. Would save worrying about specific page Ids then.
In reply to: need side by side iconboxes to have the same height
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top.page-id-1473 .post-entry-1473 .iconbox .iconbox_content {
height: 350px;
}You’ll probably want to make this only effect desktop sizes so place it in your custom.css file in the desktop media query that is provided in the file.
The text box under the icon boxes will also need a bit of space so you’ll want to add an HR element above it and set it to just whitespace.
Regards,
Devin
In reply to: Stop removing line breaks
Hi,
You can insert a horizontal rule shortcode below the content, set it to Whitespace.
[av_icon_box icon='1' position='left' title='IconBox Title' link='' linktarget='no' custom_class='']
Click here to add your own text
[av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_class='']
Wah
[/av_icon_box]Regards,
Ismael
In reply to: Help with an ageing question
Hi,
Please add this on your functions.php, below line 3:
add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Allura'] = 'Allura';
return $fonts;
}
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Allura'] = 'Allura';
return $fonts;
}Edit header.php, then place this code on top of </head> tag.
<link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>You can now assign the Allura font using custom.css or Quick CSS. For example, we’ll change the iconbox title:
h3.iconbox_content_title {
font-family: 'Allura' !important;
}This is the screenshot:
Regards,
Ismael
In reply to: Multiple font embedding
Hi,
Please add this on your functions.php, below line 3:
add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Allura'] = 'Allura';
return $fonts;
}
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Allura'] = 'Allura';
return $fonts;
}Edit header.php, then place this code on top of </head> tag.
<link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>You can now assign the Allura font using custom.css or Quick CSS. For example, we’ll change the iconbox title:
h3.iconbox_content_title {
font-family: 'Allura' !important;
}This is the screenshot:
Regards,
Ismael
Had created a few slides using LayerSlider and at first things were working fine, and as of last Thursday, our slides started losing the text headings.
1) Have disabled every plugin – no change
2) Disabled the background – text reappears
3) Changed to a different file for the background – text disappears again.
4) Tried Enfold’s demo slide – first page works fine as logo and text is actually a graphic, but 2nd page only shows the screens and screen elements. Text blocks to the left don’t appear – no edits were done to the default demo slide.
5) Have tried Ismael’s suggestion in an earlier issue to up the memory to 256M – no change
6) Have asked the web hosts if they made any changes or updates to the server software or settings – they assure me they have not.
7) Have gotten the web hosts to restart our server – no change
8) Have checked text content layers – Using <div> as per the Enfold demo, no change, using H1, H2, etc, text appears in the preview, but not on the site.
9) Have tried removing custom styles – no change
10) Have deactivated my child theme – no change
As far as I can tell, nothing has changed from my perspective except the backend PHP tweaks for iconbox.
Would be nice if there was a fix for this.
I have this problem too! In ie8 any image i’ve linked to just disappears when you hover over it. I’ve just put a site live too not realising and my client has started getting phone calls from customers who can’t click some login image links i made, is there a fix for this? I tried disabling the hover arrow effect but that didn’t fix the problem. Would really appreciate some help to fix this as soon as possible. Thank you!!!
In reply to: Page content missing or broken in browser tests
Hi,
I tested your website and adding min-height for 800px to 1024px screen widths will keep the iconboxes aligned properly. Please add this on your custom.css or Quick CSS:
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen (min-width: 800px) and (max-width: 1024px) {
/* Add your Desktop Styles here */
.page-id-9576 .iconbox_content {
min-height: 540px;
}
}You can view the responsive view of the site here: http://responsinator.com/?url=http%3A%2F%2Fwww.corporatevideoservicesmanchester.com%2Fnew-home-latest%2F
Regards,
Ismael
Hi,
Please try to add this on your custom.css or Quick CSS
img:hover, a img {
display: block !important;
}Can you give us a link to the website?
Regards,
Ismael
Hi,
1.) You can add this on your custom.css to remove the strobe effect.
.avia-progress-bar div.progress .bar {
background-image: none;
}2.) It depends on the content you have. Please give us a link to the website. You can control the font size of the content with this:
.iconbox_content p {
font-size: 11px;
}And the iconbox title using this:
h3.iconbox_content_title {
font-size: 11;
}3.) You can refer to this link: https://kriesi.at/support/topic/custom-hosted-font-with-the-child-theme-instructions
Regards,
Ismael
In reply to: Several questions re: Enfold and links (WP newbie)
Thanks, Ismael!
One issue: Menus don’t save their state. I’ve tried using Appearance > Menu (change and save pages, set menu at left and Save, I even tried deleting and recreating a brand new menu) and Customize Enfold itself to set the homepage menu. That works for the Preview, but then it reverts as soon as I close the Preview.
How to set the menu permanently?
Also, for making iconboxes into links, that method is great! But how can I change the text so it’s not green and underlined? I want it to look normal but clickable. Thanks again
Sam
Topic: server caching
I’m trying to personalize iconbox.php to add a feature I need for my website.
The problem is that every modification I apply to the file is not istantly applied to the theme… actually I removed iconbox.php file from webserver (to test) and still the iconbox customization panel appears in admin pages!!! I think this can be due only to the server caching of the pages… but how can I workaround this problem?
Thank you for your suggestion…
I’m a wordpressShitUser, so be abundant with explaination thx!
In reply to: Icon color change
Hi,
Do you mean the iconbox icons? You can use this on your custom.css or Quick SSS
.iconbox_icon.heading-color.avia-font-entypo-fontello {
color: #336699;
}Regards,
Ismael
In reply to: Icon Box titles disappeared + headers changed
Hi,
I hope I fixed the issue: https://kriesi.at/support/topic/form-unfillable#post-124346
I’ll close the other thread since you opened this one.
Please increase the wordpress php memory limit to 128M or higher. I hope it’ll fix the issues. You might need to redo the icon boxes then update the page.
http://www.dailyblogging.org/wordpress/increase-wordpress-memory-limit/
Please add this on your custom.css or Quick CSS
.iconbox_content h3 {
z-index: 10 !important;
}Regards,
Ismael
