Forum Replies Created
-
AuthorPosts
-
1-3:
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/#header_meta { background-color: #000000; } #header_meta .social_bookmarks li { border: medium none !important; } #header_main { border: medium none !important; }
4: add “[nolink]” at the end of your footer text.
.widget_nav_menu ul:first-child>.current-menu-item, .footer_color .widget_nav_menu ul:first-child>.current_page_item, .footer_color .news-thumb { background: none; border: none; box-shadow: none; }
.title_container .main-title { font-size: 24px; }
you had a comma after “.main-title” that breaks it
May 24, 2014 at 6:21 pm in reply to: How can I create a "Color Section" that is Transparent? #269518when editing the color section, give it an ID an then use:
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
#yourID { background-color: transparent; }
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
Quick CSS wont be affected by updates
custom.css will only be affected if you make the error to overwrite it.
There will never be changes to the custom.css with updates.Best to create a child theme: http://vimeo.com/67221517
An alternative is to use custom classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
That can help alot if you want to change specific elements.
i can see they cut it in 6 pieces and animated each one of them working with delays and such.
Haven’t done that much with the slider yet, but you’d just have to look for the animation setting that would work.hope that helps a bit
Use this:
#top .avia_ajax_form .text_input { padding: 7px; }
Guess the best thing you can do is to post your login for your wordpress site and the SQL (mostly phpmyadmin on hoster) and ask the support if they can help you with it.
Make sure you post it as private reply so that only the support can see itThe newest version of enfold is now 2.7.1 and i guess you could update the BBPress plugin as well. But i would create a backup of the database first.
there can also be a cache on the server site. Either a wordpress plugin or something the hoster set up.
Sure you can do something like that. I have not worked with the sidebars yet, but you can see examples on the demo page:
http://kriesi.at/themes/enfold/shortcodes/
http://kriesi.at/themes/enfold/features/#socket .sub_menu_socket a { font-size: 12px; }
#socket .copyright { font-size: 12px; }
#header_meta .phone-info{ font-size: 12px; }
strong.logo img{ padding: 20px 0px; }
Adjust the values to your need.
20px is top and bottom, 0px is left and right.Yes, it is possible.
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/You can either use the page-id to affect all text elements on this page:
#top.page-id-99 .avia_textblock { background-color: #cccccc; border:1px solid #000000; box-shadow: 5px 5px 5px #888888; }
(you can get the page id when clicking “get short link” while editing the page.)
Or you can give the text element a class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
And then use:
.yourClassName { style definitions }
For more styling options here is a reference: http://www.w3schools.com/cssref/default.asp
Or you can ask here for more information.you can also add in addition:
.header-scrolled strong.logo { position: relative; top: 20px !important; }
so it does not get messed up as much when scrolling down.
- This reply was modified 10 years, 6 months ago by Flikk.
Make sure you bypass or dissable your web browser cache and make sure that you have no server side cache either (plugins / hoster).
http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
this way you can copy the shortcodes
Try to deactivate SuperCacher instead of just deleting the cache.
If that does not help, the next 2 things i can think of are either file permissions or some sort of cache from your hoster
Make sure, that you bypass or deactivate the web browser cache and that no cache plugin in wordpress is active.
Also a link to the website might help us to see whats wrong.
or apply the CSS to the text block directly like Yigit meniones … who was way faster then me to answer you.
There is alot of stuff you can edit using CSS
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/One thing you could do is to give certain layout elements a box shadow and border.
.flex_column.av_one_third.first { box-shadow: 2px 2px 2px 0 #AAAAAA; border:1px solid #cccccc; padding: 0px 10px; }
That affects all 1/3 layout sections.
If you want it for specific elements, you can add the page id to the css code (.page-id-99.flex_column.av_one_third.first) or you use custom classes (
.yourClass { background-color: #cccccc}
).
To set a custom class for an element see: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/May 23, 2014 at 12:46 pm in reply to: What element do you suggest is appropriate for a FAQ's page? #269098It is because of the link you posted.
“#toggle-id-5” at the end of the link is telling the website to open the 5th one.See this link: http://bodymindlinks.com/faq/
And everything is fine.
Then some more information would be helpflul.
I have no idea what borders you’re talking about.You could post a link to the site as a private reply.
That way only the support members can see it so its not public. If that would be ok?this reduces the max width of all text blocks on this page:
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
.page-id-223 .avia_textblock { max-width: 560px !important; }
can you please post a link to your website so we can get a better idea of what you want and so we can see whats happening?
Width of the image is set to auto. That makes the browser calculate the width of the table.
You can fix it by changing the width of the image to 100%http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
.avia-highlight-col img { width: 100%; }
Like you said, one could simply use the page id.
You can get the ID either from the button “get shortlink” when editing the page or from the source code when viewing the page.
Then you can use:
.page-id-12 .title_container { border-bottom:10px solid #ff0000; }
del { color: #000000; }
for more text options see: http://www.w3schools.com/css/css_text.asp
You set it as “mega menu”.
You have to edit your menu under appearance->menu. Its a simple checkbox to not use it as mega menu.For more info about menus see this:
What CSS includes are you talking about?
All i see are the CSS files that define the style of the theme.There is no such option to only load the css definitions for the elements that are used on the current page.
-
AuthorPosts