-
Search Results
-
In reply to: Larger Fonts in General
Hi heufti65!
Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/
Regards,
YigitIn reply to: Accordion Style
Hi mcraig77!
Thank you for using Enfold.
1.) I’m not sure what you mean by h3 styles but you can change the font style of the accordion title with this:
main_color .toggler { color: red; font-size: 15px; }2.) Remove borders with this:
.togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler, .toggle_content { border: none; }3.) Change the active tab with this:
toggler, .main_color .toggler.activeTitle:hover { background-color: red; color: blue; }Regards,
IsmaelTopic: font change
Hi,
I need to change to a specific font (‘Alef’) all over the site,
at the current I have entered this custom CSS:
body, body p {
font-size: 16px !important;
font-family: ‘Alef’ !important;
}but it affect only the body of the site, how can I change all the titles, including those in the page builder & short-codes?
Thanks
TalIn reply to: Masonry-Portfolio Color Overlay
Hi!
You are pretty close, try changing the overlay part to this:
.av-masonry-entry:before { content: attr(title); background: #00b5f1; position: absolute; width: 97%; height: 96.2%; z-index: 1000; text-align: center; line-height: 180px; opacity: 0; font-weight: bold; font-size: 24px; }Cheers!
JosueHey!
Yes, use this snippet as a starting point:
.custom_info { line-height: 12px; font-size: 11px; top: 10px; }Cheers!
JosueI’m really pleased with your support in this matter. Lastly, does this use a separate css?
If I want to change the font family, size, and line height, what would the css be – something like below?
.custom_info {font-family: helvetica; font-size: 12; line-height: 21;}
In reply to: How do I adjust Enfold font sizes?
Hey!
Try the following code in Quick CSS:
body{ font-size: 14px; } h1{ font-size: 28px; } h2{ font-size: 24px; } h3{ font-size: 20px; } h4{ font-size: 16px; }Adjust as needed.
Best regards,
JosueIn reply to: Custom CSS with MemberMouse and Enofld
Hey!
Open /wp-content/themes/enfold/css/base.css and remove from line 184 to line 253:
#top form { margin-bottom: 20px; } #top fieldset { margin-bottom: 20px; } #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { -webkit-appearance: none; border: 1px solid #e1e1e1; padding: 8px 6px; outline: none; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; border-radius: 0px; } #top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus { box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); color: #555; } #top textarea { min-height: 60px; line-height:1.5em;} #top label{ display: block; font-weight: bold; font-size: 12px; } #top legend { display: block; font-weight: normal; font-size: 15px; } #top select { width: 220px; } #top input[type="checkbox"] { display: inline; } #top label span, #top legend span { font-weight: normal; font-size: 13px; color: #444; } #top textarea{width:100%;} #top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area, #top #wrap_all .valid .select{border:1px solid #9AA600;} /*#70A41B*/ #top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select{border:1px solid #DF653E;} #top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area, #top #wrap_all .ajax_alert .select{border:1px solid #ffb628;} #top #wrap_all .valid .input_checkbox_label{color:#9AA600;} #top #wrap_all .error .input_checkbox_label{color:#DF653E;}Regards,
JosueTopic: Footer Help
Hello,
I have a few tweaks I need on my footer.
They are as followed:1. How do I adjust the opacity of the Title for the sections on the footer?
2. How do I adjust the font family of the Title for the sections on the footer?
3. How do I adjust the font size for the body of the footer?
4. How do I set a max height for the footer?
5. How do I change the boarder of the testimonial box in the footer to #628029?In reply to: Remove Date and Comments in Post Slider
Hey!
Please add following code to Quick CSS as well
.avia-content-slider .slide-entry-title { font-size: 18px; }Cheers!
YigitIn reply to: Change Font Size of Titles in Magazine Layout
Hey Ken!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-magazine .av-magazine-content-wrap .av-magazine-title { font-size: 20px; }Regards,
YigitIn reply to: Remove Date and Comments in Post Slider
Thanks Yigit,
One more Question: How can I change the Font Size of the Titles in the Post Slider?
Thanks Again for all the Great Support!In reply to: Menu in Footer
Hey blankonblank!
Thank you for using Enfold.
You can use this on Quick CSS or custom.css:
#socket .sub_menu_socket li a { font-size: 15px; }Best regards,
IsmaelTopic: Menu in Footer
Hello Support,
http://fys.bydecosta.com/stylekilla/
On the link above I have create a page that displays a Featured Blog Post and below the rest of the posts and looks like this:
[av_heading tag='h3' padding='10' heading='Feature' color='' style='' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading][av_blog blog_type='posts' categories='22' link='category' blog_style='single-big' columns='3' contents='excerpt' content_length='content' preview_mode='auto' image_size='portfolio' items='1' offset='0' paginate='no']
The problem i’m having is I want this page to load the most recent Post from the Post Category Page eg: http://fys.bydecosta.com/style-killa-005/
Or what can we do to make http://fys.bydecosta.com/category/stylekilla/ load the single blog post which is most recent single post first.
Is it possible to get it done and I’m hoping you can help as we are doing this for one of our celebrity clients.
Thanks,
MPIn reply to: How change icons of social networks in the header
Hi!
With CSS you can do something like (i’m changing the fb link here):
li.social_bookmarks_facebook{ background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) center center transparent !important; font-size: 0; }Adjust as needed.
Best regards,
JosueHi Kriesi-Team,
in some topics the hover-style of the website http://peacheyphotography.co.uk/ got discussed. I tried the submitted solutions and some more efforts, but cannot get it work. Some of my quick-css-efforts look like this:
– – –
/* ———- MASONRY-GALLERY ———- *//* — 1. OVERLAY — */
.av-masonry-entry:before {
content: attr(title);
background: #00b5f1;
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
text-align: center;
line-height: 180px;
opacity: 0;
font-weight: bold;
font-size: 24px;
}.av-masonry-entry:hover:before {
opacity: 0.5;
}/* — 2. TEXT-ELEMENT — */
.av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content {
position: absolute; bottom: 40%; text-align: center;
}.main_color .container .av-inner-masonry-content {
background-color: rgba(0, 0, 0, 0.0);
}.main_color .av-inner-masonry-content {
background-color: rgba(0, 0, 0, 0.0);
}.main_color .container .av-masonry-entry .avia-arrow {
background-color: rgba(0, 0, 0, 0.0);
}.main_color .avia-arrow {
background-color: rgba(0, 0, 0, 0.0);
}.av-masonry-entry .av-masonry-entry-title {
color: #fff; font-size: ;
}/* — 3. NO ZOOM — */
.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
-webkit-transform: none;
-moz-transform: none;
transform: none;
opacity: 0.5!important;
}– – –
The result should be similar to http://peacheyphotography.co.uk/ , but contains a lot of errors. Can you have a look about it please…
Thanks and best regards,
ChristianTopic: Image align in Footer
Hi,
want to align a image in my footer. Want to have it in the middle of the text.
Yet it is not centered and a little bit to top.
<h3 style="font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: lighter; font-size: 14px; color: #000000; text-align: center; vertical-align: middle;"><a href="mailto: (Email address hidden if logged out) "><img src="http://enfold.martin-klapheck.de/wp-content/uploads/2014/09/PastedGraphic-1_trans_v1_new.png" width="24" height="30" align= "bottom" alt=""/> </a> Martin Klapheck | Auf der Helte 5a | Telefon: +49 (0) 22 24. 94 16 20 | E-Mail: <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a><a href="http://enfold.martin-klapheck.de/impressum"> Impressum</a></h3>Cheers
Davidhttp://lw.bypundyk.com
The blog on PC/Mac browsers looks great
Below is what was added on the Quick CSS.
.small-preview, #top .fullsize .template-blog .blog-meta {
width: 140px;
height: 140px;
}#top .fullsize .template-blog .post .entry-content-wrapper {
font-size: 15px;
line-height: 25px;
margin: 0 auto;
max-width: 420px;
overflow: visible;
text-align: justify;
}On the Tablet/Mobile it looks like below and need help to fix this issue.
Hope to hear from you soon.
Thanks,
MPIn reply to: Increase the text size
In reply to: Problem with Layer Slider
Hi!
Please add following code to Quick CSS
@media only screen and (max-width: 1140px) and (min-width: 990px) { .text-logo a { font-size: 18px; }}Cheers!
YigitIn reply to: Increase the text size
Hey pnacho!
Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/
Cheers!
YigitIn reply to: Gravity Form Styling
Hi!
Are you referring to the input field label? You can use this:
#top label { display: block; font-weight: normal; font-size: 12px; }Cheers!
IsmaelTopic: 3 small issues
• magazine version of the blog on the home page, is there a way we can show first few words of the story
• in the blog page, is there a way we can show 3 lines of the story instead of only one?
• for some reason only home page and “about” show the red underline when you go to the page. the rest stay blank
P.S. i have few custom CSS maybe one of them is conflicting with the menu underline
————————————————————————
img.avia-builder-el-1 { margin-top: -51px!important; width: 1210px; }#footer {
padding: 0; }.wpcf7 input[type=text] {
width:180px;
margin-bottom:5px;
font-size:11px;
}.wpcf7 textarea {
height:40px;
margin-bottom:5px;
font-size:11px;
}#top #wrap_all .av-social-link-linkedin a {
color: #fff;
background-color: #419cca;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-instagram a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-gplus a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-vimeo a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-soundcloud a {
color: #fff;
background-color: #737272;
}
#top .social_bookmarks li a { width: 30px; line-height: 30px; min-height: 30px; }
#top .social_bookmarks li { width: 40px; }.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
width: auto;
float: right;
}.avia-menu .menu li a{
border: 0 !important;
}#header_main {
border-bottom: none;
}.logo {
top: 16px;
}
.header-scrolled .logo{
top: 0;
}.tab.widget_tab_comments.tab_counter_2 {
display: none !important;
}.av-magazine-thumbnail {
display: none;
}a.slide-image {
display: none !important;
}
————————————————————————
In reply to: WordPress 4.0 and Enfold 2.9.2 issues
Hi Yigit,
I’m experiencing a little bit different problems then previous posters (after updating both wp and theme to the latest versions)
All plugins are disabled.
The site in question is: http://stamparija.com/
1. Mega Menu not working – under menu items “Proizvodi” and “Štamparija”
2. Custom CSS seems not to be working – Example: http://stamparija.com/proizvodi/blokovi/
The “Load more” text is changed in Custom CSS with:
#top .av-masonry-load-more:before {
content: ‘Klik ovde da pogledate još slika’;
font-family:”Trebuchet MS”, Arial, sans-serif !important;
font-weight: bold;
font-size: 22px !important;
color: #dd127b;
}But as you can see, the change is no happening on the page itself
3. Blog sidebar is now below the content, even though the sidebar line is still there (both on main blog page and on individual posts)
http://stamparija.com/blog/
http://stamparija.com/zlatiborac-papirici-za-zvake/
Suggestions for previous posts are below the footer (you can see it when you hover over the footer edges)4. Social share buttons are totally messed up (you can see it on post page link above)
5. Scroll to top button is also showing text by default (not on hover, and the font size is huge)
…Thanks!
Hey!
Try adding this at the very end of your theme functions.php file:
add_action('ava_after_content', 'add_five_images', 10, 2); function add_five_images($id = "", $context = "") { if($context == "post"){ do_shortcode("[av_one_fifth first] [av_image src='http://kriesi.at/wp-content/themes/kriesi/images/logo.png' attachment='' attachment_size='full' align='center' animation='no-animation' link='manually,http://test.com' target='' styling='' caption='' font_size='' appearance=''][/av_image] [/av_one_fifth] [av_one_fifth][av_image src='http://kriesi.at/wp-content/themes/kriesi/images/logo.png' attachment='' attachment_size='full' align='center' animation='no-animation' link='manually,http://test.com' target='' styling='' caption='' font_size='' appearance=''][/av_image] [/av_one_fifth][av_one_fifth] [av_image src='http://kriesi.at/wp-content/themes/kriesi/images/logo.png' attachment='' attachment_size='full' align='center' animation='no-animation' link='manually,http://test.com' target='' styling='' caption='' font_size='' appearance=''][/av_image][/av_one_fifth] [av_one_fifth] [av_image src='http://kriesi.at/wp-content/themes/kriesi/images/logo.png' attachment='' attachment_size='full' align='center' animation='no-animation' link='manually,http://test.com' target='' styling='' caption='' font_size='' appearance=''][/av_image][/av_one_fifth] [av_one_fifth] [av_image src='http://kriesi.at/wp-content/themes/kriesi/images/logo.png' attachment='' attachment_size='full' align='center' animation='no-animation' link='manually,http://test.com' target='' styling='' caption='' font_size='' appearance=''][/av_image][/av_one_fifth]"); } }Cheers!
JosueHey!
The code is wrong, you need to target the p element inside the text block:
.cas p{ font-size: 72pt!important; line-height: 25pt!important; }Best regards,
Josue
