-
Search Results
-
In reply to: Padding underneath header
Hi!
Yes,that is because i forgot to add semi colon :) Sorry. Here is the correct one
.content { padding-top: 70px; }Please flush browser cache and refresh your page a few times after adding code to Quick CSS
Cheers!
YigitHi there, I have a few questions about desktop and mobile amends.
I’ve got screen grabs and css changes here:
https://www.dropbox.com/sh/6eaha9afax7vowt/ze_E9tvTtMMy domain is lisa-leung.com
It’s a private site so here’s a temporary log in:
User: enfold
Password: supportThank you!!!
Desktop
1. Custom hover state for images.
– Change hover colour to #000
– Remove icon and replace with
– Remove rounded corners2. Changes to main menu drop down
– Move hover state up to line up with content
– Reduce line spacing of drop down items
– Remove line from top of drop down
– Reduce width of drop down3. Increase padding above full width slider
4. Use custom left/right buttons on slider
5. Use custom pagination indicator on slider
6. Remove line from under full width slider
7. Format footer text
8. Custom ‘back to top’ button
Mobile
9. main menu shifts left when window is resized
10. Logo is no longer vertically aligned for Phone
11. Slide out menu disappears
12. Style slide out menu to match desktop version
13. Make a main menu item trigger sub menu only, and NOT a destination page
14. Use em dashes to separate menu items for mobile only
15. Use custom buttons for slide out menu and close
In reply to: Top Menu with Social Icon – Z-index
In reply to: Padding underneath header
Hello!
Please add following code to Quick CSS in Enfold theme options and adjust as desired
.content { padding-top: 70px }top padding is 50px by default
Regards,
YigitIn reply to: Top Menu expanded items behind main menu
Hello!
Just a quick FYI our queue system goes by oldest topic to newest and each time you bump, self respond etc it moves the topic to the end of our queue.
I happened to glancing over new topics and saw this having just answered the same question shortly ago. 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:
#header_meta { z-index: 2; }Regards,
DevinIn reply to: Top Menu expanded items behind main menu
In reply to: Top Menu with Social Icon – Z-index
Hi Sean!
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:
#header_meta { z-index: 2; }Regards,
DevinIn reply to: Enfold 2.3 Bugs. Please help asap.
In reply to: Whitespace Above Image
You mentioned in the other thread that I can insert the below:
.flex_column.av_one_half.avia-builder-el-29.el_after_av_one_half {
margin-top: 20px;
}What does this do? How does it know to only add whitespace above that one image? Will this affect anything else?
Topic: Table bug (Enfold)
Hi there!
What a great theme!!!
I noticed the following: I have created a table with 4 columns and one header row (at the top).
First and second columns are standard
Third column is centred
Fourth column is descriptionEverything is fine until I resize the window to reflect a iPhone size screen. The whole table becomes one column which is great!
The cells have in small and italic the column header mentioned straight above the cell content. This is a great feature, however it skips the first column name resulting in a wrong label above the cell content (and in my case missing a label for column 4 altogether). See the example below:Example:
Header 1 Header 2 Header 3 HEADER 4
Cel content 1 Cel content 2 Cel content 3 CEL CONTENT 4When iPhone screen size:
Header 2
Cel content 1
Header 3
Cel content 2
Header 4
Cel content 3
CEL CONTENT 4I hope you can fix this, because the feature is great, but unusable on small screen sizes ;-)
Kind regards,
Dave
In reply to: Social Badges in IE8
In reply to: Update – there´s got to be an easy way! …or?
Hi!
In that case you will not lose anything. Those changes are stored in your database. Please check the other topic, i posted a video tutorial that Devin has prepared.
Regards,
YigitWebsite is in development on localhost at the moment. But by “double arrow” I mean the same as here on the forum page:
On the top you have a banner for your Enfold template. And when I hover over that, the banner gets lighter/dimmed and an animated arrow in a blue circle appears…In reply to: Avia Layout Builder hangs on loading (Enfold)
Hi support-team
i hope you can help me with my issue!
i would like to add “title-attributes”:
1) to my pagelinks in my navigation bar in the top and the bottom navigation lists
2) to my Logo in the header, which links back to the homepage
3) to the Buttons on my homepage i created with the avia layout builderHere is my Website: http://www.beat-factory.com
Thank you in advance!
Best,
JeffIn reply to: Fixed Layout w/ same CSS widht than responsive
Sorry, this is the CSS code for any pages, articles and AVIA framework
#top.boxed .stretch_full {
width: 1130px !important;
}.boxed#top {
width: 1130px !important;
}.container {
width: 1030px !important;
}.container .nine.units {
width: 760px !important;
}#top #main .avia-section .template-page {
width: 100% !important;
}.container .twelve.units {
width: 1030px !important;
}The menu problem persit… i not found the correct style to change for solved this.
In reply to: Search icon options in header
Hi Niels!
You can do both but first option would require editing theme files. You can add following code to Quick CSS in Enfold theme options for second option
#top #menu-item-search.menu-item-search-dropdown>a:after { content: ' Search'; font-size: 13px; }Cheers!
YigitHi 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
In reply to: Change hover image
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 codesBest regards,
YigitIn reply to: Border portfolio grid
Hello!
Sure, i’m closing this one for now. Feel free to open a new topic when you complete your questions list :)
Regards,
YigitTopic: Change hover image and icon
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!
Topic: Change hover image and icon
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!
Topic: Change hover image and icon
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!
Topic: Change hover image and icon
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!
Topic: Change hover image
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
In reply to: Fixed Layout w/ same CSS widht than responsive
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;
}In reply to: Slide out mobile menu with click and show submenu
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,
PeterIn reply to: Labas Yigit :) Reikia pagalbos :)
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 .In reply to: IE8 Issues + others?
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
Viewing 30 results - 138,391 through 138,420 (of 142,551 total)
