Hi Guys,
Sorry, combining several posts back into one here as have additional questions relating to the Enfold Portfolio section.
1. Is there a portfolio scroller available? So can have many at the bottom of any page scrolling through not in grid format.
2. I can see this in some of your other themes but cannnot for the life of me in this one – the previous and next entry for the portfolio. Your other themes having it sit under everything, and was wondering if it was a. available in this theme and b. whether can move to top of page.
3. When click through to a portfolio item, the Portfolio in the menu bar at very top does not stay ‘activated’. Is that an easy fix?
4. I’d like to keep the border around the images and titles on the Porfolio main page, but struggling to remove what appears to be a shadow. Everything I do just removes it all.
For the below have used code inspectors, but cannot seem to get it correctly.
5. Where do I change the colour for the Avia Arrow, text and the background just in the Item Name. So it would be an orange arrow and orange text box with white text.
6. For the above is it possible for the arrow to change to blue and text box to blue on hover??
7. On a separate matter, please let me have the Big Numbers under your main page :). Been trying to find this as a plugin to replicate key figures we have from our hard copy brochure to no avail.
Thanks!!
Jas
Hey norasp!
Please do not start the same topic more than once. We are following a queue. Starting the same topic 5 times will not change anything.
That being said, please post the link to your website so we can provide you CSS codes
Best regards,
Yigit
Hello!
Sure, i’m closing this one for now. Feel free to open a new topic when you complete your questions list :)
Regards,
Yigit
Hi there!
First of all, thank you for this awesome theme!
I would like to ask if there’s a way to change the image hover effect on the images of partner, logo element (the arrow icon) to display some text. I know you can add a caption that appears above the image but I would like it to display on top of the image (kind of like this one http://demo.udthemes.com/cartel/wordpress/
Is there any way to tweak the ajax hover effect?
Thanks!
Hi there!
First of all, thank you for this awesome theme!
I would like to ask if there’s a way to change the image hover effect on the images of partner, logo element (the arrow icon) to display some text. I know you can add a caption that appears above the image but I would like it to display on top of the image (kind of like this one http://demo.udthemes.com/cartel/wordpress/
Is there any way to tweak the ajax hover effect?
Thanks!
Hi there!
First of all, thank you for this awesome theme!
I would like to ask if there’s a way to change the image hover effect on the images of partner, logo element (the arrow icon) to display some text. I know you can add a caption that appears above the image but I would like it to display on top of the image (kind of like this one http://demo.udthemes.com/cartel/wordpress/
Is there any way to tweak the ajax hover effect?
Thanks!
Hi there!
First of all, thank you for this awesome theme!
I would like to ask if there’s a way to change the image hover effect on the images of partner, logo element (the arrow icon) to display some text. I know you can add a caption that appears above the image but I would like it to display on top of the image (kind of like this one http://demo.udthemes.com/cartel/wordpress/)
Is there any way to tweak the ajax hover effect?
Thanks!
Hi there!
First of all, thank you for this awesome theme!
I would like to ask if there’s a way to change the image hover effect on the images of partner, logo element (the arrow icon) to display some text. I know you can add a caption that appears above the image but I would like it to display on top of the image (kind of like this one http://demo.udthemes.com/cartel/wordpress/)
Is there any way to tweak the ajax hover effect?
Thanks!
Wow, thanks for your quick Feedback. :)
But this also adds additional hight to that Block.
shortcodes.css (116): .avia-section { min-height: 100px; }
layout.css (1009): .content, .sidebar { min-height: 1px; }
grid.css (32): .container_wrap { border-top-width: 1px; }
grid.css (39): .unit, .units { min-height: 1px; }
Strangely that creates 99px hight in total. I aim to have 0px :)
Now I could:
- A) Add all IDs to the CSS file and hardcode remove that space. But than it becomes a bit inflexible.
- B) Add the possibility to add a class to that section that “fixes” that css. But I don’t know how.
- C) Go for the solution above. And add a special Anker element for that. But There I have to much markup, too.
What would you suggest?
Greez Jens
-
This reply was modified 12 years, 4 months ago by
Jens.
I, perhaps solved with this code, but the menu is more contract than the version responsive. If the page loads, in fact, for a moment take the normal size, then shrinks. This I have yet to figure out how to solve.
#top.boxed .stretch_full {
width: 1130px !important;
}
.boxed#top {
width: 1130px !important;
}
.container {
width: 1030px !important;
}
.container .nine.units {
width: 750px !important;
}
-
This reply was modified 12 years, 4 months ago by
ligend.
Hello!
No, right now the mobile menu does not support such a sub menu but you can suggest it here: https://kriesi.at/support/topic/enfold-feature-requests/page/10/
Best regards,
Peter
Hi .
Q1. :
main content -> image
http://rghost.ru/49179534.view
Where in setup change this colors ?
Q2 :
page with logo+menu , no header , no footer , no socket .
in this page only widget “google search” in page center , i need page 100% height all time . (www.google.com)
How setup ?
Q3 :
where in setup add widgets in footer or socket ?
Q4
page with revolution slider only .
i need add in slider widget “enfold google maps” , but dont know this widget shortkode :( [???widget title???]
Q5
revolution slider …
NOW : input text in tab -“i love Enfold”> i see nice color text . ” I Love Enfold” :))
this command css :
.tp-caption.small_yellow{
position: absolute;
color: #fff8dc;
text-shadow: none;
font-weight: 100;
font-size: 25px;
line-height: 9px;
font-family: ‘Alegreya’, serif;
padding: 0px 3px;
padding-top: 1px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:transparent;
}
I NEED : input icon number in tab ue803 -> resultat i see nice icon from enfold [av_font_icon color="#64fade" font="entypo-fontello" icon="ue803" size="30px"] . Tell me plz icons css code , i input this code in rev slider css . Its possyble ?
Thanx for help :)
i noob , i know it :)
sorry for english .
Hi!
You can add a unique selector for each Avia Elements. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
add_theme_support('avia_template_builder_custom_css');
Edit the Color Sections that you want to the shadow1 image as background then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “section-shadow1”.
You can add something like this on your custom.css or Quick CSS:
.section-shadow1 {
background-repeat: no-repeat;
background-image: url(https://www.kimberfire.com/wp-content/uploads/2013/04/shadow1.jpg);
background-attachment: scroll;
background-position: top center;
background-color: #ffffff;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.kimberfire.com/wp-content/uploads/2013/04/shadow1.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.kimberfire.com/wp-content/uploads/2013/04/shadow1.jpg', sizingMethod='scale')";
}
Only those section with the class section-shadow1 will have the background.
Best regards,
Ismael
Hi!
Edit search.php, find this code:
get_header();
$results = avia_which_archive();
echo avia_title(array('title' => $results ));
?>
Replace it with:
get_header();
?>
<div class="ls-wp-fullwidth-container" style="height: 150px;"><div class="ls-wp-fullwidth-helper" style="height: 150px; width: 1583px; left: 0px;"><div id="layerslider_2" class="ls-wp-container ls-container ls-fullwidth" style="width: 1583px; height: 150px; margin: 0px auto; visibility: visible;"><div class="ls-webkit-hack"></div><div class="ls-inner" style="background-color: rgb(255, 255, 255); width: 1583px; height: 150px;"><div class="ls-layer ls-animating" style="width: 1583px; height: 150px; visibility: visible; display: block; left: auto; right: 0px; top: 0px; bottom: auto;"><img src="http://otsecure.net/techserv/wp-content/uploads/2013/09/slide3_Layer_1.jpg" class="ls-bg" alt="Slide background" style="padding: 0px; border-width: 0px; width: 1600px; height: 150px; margin-left: 0; margin-top: -75px;display: block;"></div></div><div class="ls-loading-container" style="z-index: -1; display: none;"><div class="ls-loading-indicator"></div></div><div class="ls-shadow"></div></div></div></div>
<?php
$results = avia_which_archive();
echo avia_title(array('title' => $results ));
?>
Cheers!
Ismael
Hi, Ismael. Nope, no page redirects. And some of the anchors (and even some of the iconfonts) links work, so it’s a peculiar issue.
On this test page, you can see that the anchor link for the “back to top” works, as well as the social media links in the header, BUT the iconfont links in the main content area do not:
http://myreallife.org/test-page-3
-
This reply was modified 12 years, 4 months ago by
festivedaisy. Reason: added more detailed info
Hello lpfa!
Do you WordPress and Enfold latest versions?
Have you tried disabling all plugins?
If none of this work, please create an administrator account and post it in response to this topic as a private reply.
Best regards,
Josue
Hello!
Please follow these steps.
1.) Activate the woocommerce plugin then Install the woocommerce pages by clicking the violet bar on top of woocommerce settings.
2.) Go to Menus > Appearance > insert the Shop menu as shop page.
3.) Create some products.
4.) If you want to create another shop page, create a new page then go to Advance Layout Editor. Insert the Product Grid under Plugin Additions.
Please watch this short video: http://www.mediafire.com/play/t23t01r4zdeka68/Enfold+-+Quick+Shop+Page+Installation.mp4
Cheers!
Ismael
Thanks a lot Josué!
I managed to write this code:
#top #main .sidebar_left .sidebar {
position: fixed;
border-right-style: none;
width:19%;
top: 8%;
}
That resolves de Slider issue in both browsers. It seems right cause the iPad now shows the sidebar too!
But in chrome now the image has a weird behaviour.
Any tips ?
Thanks!!
José
PD: Is there a way the image (the glass) showing nothing on hover? Just an image with no events?
There was another thread on this that has been closed : https://kriesi.at/support/topic/accordion-hide-all-category/#post-133938
Finally got around to trying Kriesi’s advice, but it didn’t work :( I think perhaps because of the 2.3 update?
In any case, I’ve pasted the following function into my child theme’s functions.php, but I might have missed something.
Any thoughts?
Thanks,
It kind of works. I used the following code for my top wave:
#wave-section-up {
margin-top: -50px;
background-color: transparent !important;
z-index: 9999;
}
and if you notice, the wave is not stretched beyond the screen and there is VERY little white space in the section, but the code you posted for the bottom stretches the image beyond the screen and leaves a huge block of white space there (and it’s not padding from the form, it seems to be space in the image color section itself even though it is set to no padding).
How can I clean that up please?
Edit: I’ll change the color of the section near the waves so you can see the difference more noticeably.
Edit: Got it working perfectly with the following code:
#wave-section-down {
margin-bottom: -100px;
background-color: transparent !important;
position: relative;
bottom: 50px;
z-index: 9998;
height: 120px;
}
#contact {
z-index: 9999;
}
Thank you for finally getting back to me. Really appreciate it. You can close this thread now.
-
This reply was modified 12 years, 4 months ago by
Alex.
Hi jmaguirrei!
1.) Are you using an iPad mini? The resolution or screen size is too small for it to support sidebars. You can display sidebar but it will be rendered at the bottom. Add this on your custom.css or Quick CSS:
@media only screen and (min-width: 400px) and (max-width: 768px) {
.responsive .template-blog .blog-meta,
.responsive .post_author_timeline,
.responsive #top #main .sidebar {display: block; }
}
2.) You can use this to set the header’s fixed position:
@media only screen and (max-width: 767px) {
.responsive #top #header {
position: fixed;
}
}
Cheers!
Ismael
Is there a fix for this yet?
Hey!
You can use Media Queries to target the mobile view and reposition the search.
@media only screen and (max-width: 767px) {
#top #menu-item-search {
z-index: 100;
top: 0;
}
}
Best regards,
Ismael
Hi!
Here are the links:
http://www.adw.cl/wp-content/support/post_slider/chrome.jpg
http://www.adw.cl/wp-content/support/post_slider/firefox.jpg
Maybe I was modifiyng while you entered, please try now.
Notice that the mouse over the region recognizes there are a content, but no display.
I have quick CSS for the sidebar, maybe there is something missing?:
.inner_sidebar {
position: fixed;
top: 8%;
width:18%;
}
Thanks!
José
Hey mmi!
You can add this on your custom.css or Quick CSS:
/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 50px; line-height: 50px; }
.fixed_header.social_header #main {
padding-top: 80px;
}
Adjust the top padding of the #main div according to the height and line-height of the header.
Regards,
Ismael
Hey!
1.) You can add this on your custom.css or Quick CSS to create a space on top of the “About” image.
.flex_column.av_one_half.avia-builder-el-29.el_after_av_one_half {
margin-top: 20px;
}
2.) There are drastic differences from browser to browser on how the actual rendered text looks. No matter how much control you try to exert over text, in the end, you don’t get much of what you expect. Not to mention most browsers are able to let users re-size and override font settings on the fly.
Cheers!
Ismael
Hey!
Please add this on your custom.css or Quick CSS:
.fallback-post-type-icon {
position: relative;
top: 49%;
left: 50%;
margin: 0 0 10px -20px;
height: 60px;
width: 60px;
line-height: 59px;
font-size: 25px;
text-align: center;
border-radius: 100px;
display: block;
}
Cheers!
Ismael
Hi Yigit, thank you for your support. it is much appreciated. I love your theme it is wonderful. My client loves it too. This is my first foray into premuim themes with shops.
Just for your information I thought I would paste in here the link to Avada theme support document, in relation to Woo, as I am fortunately developing one of those too.
In the absence of having a Plugin notification, I found this to be very helpful:
theme-fusion.com/support/documentation/avada-documentation/
the information about woo commerce, is at the very bottom of the document. It was just so completely helpful, everything, all together in one document….so handy to have this info together, than all separate questions to spend hours clicking through forum to find the right one to help.
All my questions got answered there for the Woo Commerce, as well as lots of others.
Just in case this above link doesnt work for you (it may just be for members only) all it said was:
1. How To Install WooCommerce And Setup The Default Shop Pages
Go to your Plugin section of your wordpress admin
Click on the Add New button at the top of the page.
Then enter WooCommerce in the search field
Choose the first one called WooCommerce – excelling eCommerce and click on Install Now
WooCommerce will install, then click the link that says Activate Plugin
You will then see a WooCommerce Purple Notification Bar at the top of the plugin page.
Click the Install WooCommerce Pages button in the purplar bar to install all the default pages
Please Note: Once you are done installing WooCommerce and the default pages, you can go to the Appearance > Menu section of your admin and choose to add all the WooCommerce pages to your menu. They will be listed at the top under the most recent pages
Hi,
Can you create an administrator account and post it as in a private reply to this topic?
Regards,
Josue