Hi All,
I’ve been debating this a lot over the past few months and ultimately I can’t see a really good reason for it. With dev tools or even firebug you can identify any element on your site and then customize it with css which is specific to your needs.
By giving out chunks of css which you can copy+paste I feel like its enabling everyone to not understand what it is they are doing which in turn can cause more harm than good. Some things are definitely available for a quick adjustment which is what I’ve been adding (slowly) here: http://kriesi.at/documentation/enfold/category/css-snippets/ . But it doesn’t get into cross browser support and just barely is able to touch the surface on mobile adjustments.
It also doesn’t cover proper css syntax which means a user could end up with a bloated custom.css or Quick CSS files.
Learning the basics of css and how to use dev tools to identify css classes would however be a far better solution for anyone looking to dig deeper into customization than a topic with snippets to try and piece together to get a result.
Ultimately I’ll leave it up to Kriesi but we would start a new topic with a short blurb about us not supporting anything in the topic and make it a sticky as opposed to a user started one either way so for now I’ll close this one.
Cheers!
Devin
For some reason (I believe only Firefox) when you click a custom link that was created in the Main Menu all the social icons disappear along with all the other icons (most likely found in the same folder) such as the question mark, the arrows for top of page, etc. all show up as just a box or some with weird forward and backward E’s.
Not sure what I did wrong. Once you click away from one of those pages that were created as custom links in the Main Menu they all appear back.
Any help would be greatly appreciated!
Hi!
I got an idea: if it just a simple paragraph it’s possible to do it with CSS, try adding this to the Quick CSS or css/custom.css:
.term-rose-gold-engagement-rings .pagination:after {
content: "Rose gold is a beautiful precious metal choice for engagement rings. The warm hue of rose gold engagement rings offers a romantic and feminine aesthetic that is endlessly alluring. Rose gold gets its pink color from the combination of pure gold with a copper. The pink tone is chic and understated, and it contrasts magnificently with the brilliance and fire of diamonds. Rose gold also flatters a variety of skin tones. The increasing interest in rose gold engagement rings reflects the overall popularity of vintage jewelry, since the soft pink hue of rose gold is an ideal match for an antique inspired look. At the other end of the style spectrum, rose gold is also an excellent option for a contemporary engagement ring. Rose gold is a unique precious metal choice, and offers a modern twist to an engagement ring setting for a more distinctive look.";
line-height: 22px;
display: block;
clear: both;
padding-top: 40px;
}

Regards,
Josue
Hi courtney_martin!
Can you post the link to team page so we can take a look?
There is still no way of doing it, but you can request it here https://kriesi.at/support/topic/enfold-feature-requests/
Or you can link Team members name as shown here http://i.imgur.com/KjQYnqQ.jpg
Best regards,
Yigit
Hey!
Changes are done. Please review your website now. You can find the custom CSS code i added on the top of Quick CSS section
Best regards,
Yigit
Hey evtilsley!
Please go to wp-content\themes\enfold\config-templatebuilder\avia-shortcodes folder and open Testimonials.php file and find
if($src) $avatar = "<div class='avia-testimonial-image' $markup>".wp_get_attachment_image( $src , $avatar_size , false, array('alt'=>esc_attr(strip_tags($name))))."</div>";
and change it to
if($src) $avatar = "<div class='avia-testimonial-image' $markup>". wp_get_attachment_link( $src ). "".wp_get_attachment_image( $src , $avatar_size , false, array('alt'=>esc_attr(strip_tags($name))))."</div>";
You can request such feature here https://kriesi.at/support/topic/enfold-feature-requests/
Cheers!
Yigit
Hmmm
That did not see to work – it did not take out any of the padding for this area top and bottom.
???
sorry but the alignment bottom didn’t work. i had a top center alignment wich was working for the effect of keeping the image close to the color section on top. but sience i had that image as a background image of a color section it leave a big space under and a gray border in the bottom. I would like to start knowing how to make that color section smaller and remove it’s borders.
Thank u for ur answer
-
This reply was modified 11 years, 11 months ago by
claraelisa.
Hey Paul!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#after_section_2 .content {
padding-top: 0;
padding-bottom: 0;
}
It will only effect the color section element with ID #after_section_2
Regards,
Yigit
Hey FeDiNo82!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.fixed_header.social_header #main {
padding-top: 119px;
}
Best regards,
Yigit
Hi aleicook!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .main_color select { background-color: white; border-color: #f68b1f; }
Best regards,
Yigit
Duplicated topic. Closed!
Best regards,
Yigit
Hi!
@js-interactive As i replied to you in your topic, the easiest way for you would be using a child theme
Cheers!
Yigit
-
This reply was modified 11 years, 11 months ago by
Yigit.
Hi!
That plugin is not needed with the theme. The color sections already allow for fixed background images as well as the Fullscreen slider element. You can see examples here:
http://kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/
http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/
Also just an FYI bumping pushes topics to the back of our queue and not the front since so it causes a full cycle of a delay on when we’ll see the topic.
Best regards,
Devin
I cannot for the life of me find how to remove the grey line in the top header area where my social media and a lil text are. My site is http://www.jwkpec.com and I am using nonfixed header with social icons and additional nav.
Also, is it possible to center align the logo and the nav?
INCREDIBLE THEME!!!
Hi!
We are getting to topics as quickly as possible at the moment but creating new topics just adds to the currently open queue and slows things down unfortunately.
Best regards,
Devin
Hey!
Please add following code to Quick CSS
1-
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: blue; }
.header_color .avia-menu-fx { background-color: yellow; }
.header_color .avia-menu-fx .avia-arrow, .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu { border-color: yellow; }
Height looks good on my end http://i.imgur.com/6kXBrNP.jpg
2-
.main_menu .menu ul { width: 250px; }
3-
.header_color .main_menu .menu ul li a:hover {
background-color: transparent;
}
4-
.main_color .widget_nav_menu ul:first-child>.current_page_item { background: transparent; }
5-
#top .widget_nav_menu .nested_nav {
padding-bottom: 60px;
}
Cheers!
Yigit
Hi – thanks, that worked for the link on the page but I need help with the “test button 2” that is on the second image of the layerslider on this page.
I have used the following html in the paragraph entry for this slide on layer 2
Test Button 2
<form>
my form details
</form>
I used the style tab for this layer and set the background to red, rounded the corners and set the font to white. However, the font colour does not work but the other two styles do.
Also, when I click “Test Button 2” it launches the popup fine but positions it in the middle of that page which means it scrolls the page down first. How can I stop it doing this? I.e. I want prettyphoto to launch on top of the page as it is being looked at by the user.
Hi!
Our queue system goes by oldest topics to newest so when you self respond it pushes it further back and can cause your topic to get stuck in the middle and not get seen any quicker.
We are trying to find where the issues are with some videos and iOS versions as quickly as possible but if you need an immediate solution you can try the html5 video route as its by far the most widely supported format for video playback at the moment. Youtube and vimeo will always be a bit problamatic as they can change how integration goes without warning and it can take Kriesi time to fix things up again.
Just as a side note, we do not currently have hundreds of topics open.
Regards,
Devin
Hey Tom!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top div .avia-gallery .avia-gallery-big { pointer-events: none; }
Regards,
Yigit
Thanks Josue,
In topic #216130 you say: “you can export the Theme settings right from the theme options panel: with a button that says: Export theme settings”
I do have the latest version of Enfold but I cannot find this button.
Where to find? Can you help me?
Thanks again,
Ariane
How do I change the padding on top and bottom of the Partner Logo Element?
See here: http://ng-sandbox.com/warren/human-resources/
Using Firebug I can see/find this code and can see where the padding is 50 top/bottom, but I’m not sure how to incorporate that into good CSS coding.
.content, .sidebar {
box-sizing:content-box;
min-height:1px;
padding-bottom:50px;
padding-top:50px;
z-index:1;
}
AND I assume this will not effect other areas of site – JUST this logo partner element???
Hi musklick!
Please edit Color Section element and change “Background Image Position” from bottom center to top center and it should solve the issue
Cheers!
Yigit
Hello,
I successfully managed to reduce my header to 88px following this topic: https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003
My problem now is that there’s still a blank space before the website “starts” with a slider.
You can notice it here: http://linosabattini.com/homepage2014/
The red line of the slider is behind the header, right where it was before, it didn’t shift up following the header resize.
How can I fix this?
Thanks.
Hi!
Please add following code to Quick CSS as well
#top .header_color .sub_menu ul li a:hover { color: #08c5ff; }
Cheers!
Yigit
I should probably add that I’d like to see the logo sit on top of the navigation as well in mobile view so the social icons and the Logo need to be swapped.
I also noticed the menu in mobile view is sitting on top of the layer slider, how do we move this up so its centered?
Thanks!
Hi there,
I hate to be a pest, this will be my 3rd post – with the same question – With 0 answers…
If there is not a solution, please advise -tell me- so that I can move onto some other solution… Please don’t just leave this un-answered
https://kriesi.at/support/topic/add-content-to/
Your support is great, and I really don’t mind hearing that there is not a solution. Please let me know one way or another.
Thank you.
Hi Guys,
See my website: http://bit.ly/M6McR3
I have a few questions I need to add styling to my quick css:
1) How do I adjust my logo positioning, I’d like the bottom of the body to sit on top of the navigation bar and probably move the logo further to the left as well.
2) How do I set up the navigation so when I click on an active page it changes the color of the background and makes it look like a rectangle, for example click on one of the pages at http://www.apple.com and you see how the active link changes the background into another color.
3) How do I set a specific size to the right and left vertical borders on the navigation link so each one looks like its the same size. example: http://www.apple.com
4) How do I move the sign up now into the same row as the name and email down near the socket?
Thanks!
Hello
thanks for your answer. Unfortunately that does not work. With % It puts the overlay “somewhere” on the page depending on the size of your browser window. The second line of code does nothing at all, no action on scroll (resizing the header).
And most of all it does not work on mobile devices as the header there scrolls completely. (check the website, it’s online with the code in the quick css.)
If this dynamic placing underneath the header is not possible, Isn’t there just a z-index workaround to have the overlay on top of the header, but underneath the shop icon ?
Thanks for your help
Daniel
Hi Ismael,
thanks for replay.
The Link is http://s511947180.online.de/wordpress
I want the Flags right on the Top in the secondary Menu (behind “Mein Konto”)
Can you help me?
Best regards
Martin