-
Search Results
-
In reply to: Easy Full Width Slider on mobile
Hi!
You can change the caption title font size to make room for the caption text below. Add this on Quick CSS or custom.css:
@media only screen and (max-width: 479px) { .responsive #top .slideshow_caption h2 { font-size: 1em; } }Yes, it is possible to set a minimum height for the slider but it will stretch the images into unpleasant proportions. You can also try the full screen slider. Or use both, show the fullwidth easy slider on desktop then hide it on mobile device and show the fullscreen slider instead. You can do it via css media queries.
Cheers!
IsmaelI have Woo commerce installed and am using that for payment with my shopping cart, plus I’ve purchased LayerSlider. Will updating mess up all of my Woo settings or the Layer Slider? Should I update only the folders and things changed?
I noticed that the js folder was updated which includes shortcodes.js. Will replacing this folder overwrite the short code I added that allows the mp3 player to display?
Thanks,
Thomas
2014 May 28th – Version 2.8
– style.css – new version number
– search.php – improved: compatibility with url rewrite rules
– template-archives.php – fixed: a display bug when no blog posts are available– folder config-templatebuilder:
– added: new Element: Animated Numbers that count from 0 to whatever number you have entered
– added: Masonry and Masonry Gallery can be used on pages with sidebar now (previously only fullwidth)
– added: contact form allows comma separated list of receiving emails
– added: contact forms “email” form fields use the “email” html type on mobile devices, so the keyboard layout shows the @ sign by default
– added: contact form fields now can have a column width of 1/1, 1/2, 1/3, 1/4, 2/3 and 3/4
– added: contact form description fields were added so you can add headings and descriptions between elements
– added: contact form can now be redirected to a new page after send, so you can display custom messages and track conversion paths
– added: contact form now has a sending indicator as visual feedback for the user
– added: table editor now allows to move existing rows and columns when editing the table
– added: color section option to remove the top border manually for a “flat” look
– added: image element now got a caption option as well as improved animation
– fixed: a problem with widget element not displaying the correct value
– fixed: a problem with shortcode “magic wand” button causing a white text area
– fixed: a problem with iconfont uploader throwing an error when uploading a font
– fixed: a problem with the code block element and improper whitespace stripping– folder js:
– fixed: a bug with the ajax search on Windows Chrome
– fixed: a bug with youtube videos starting when they shouldn’t
– improved: masonry layout script was updated so there should be less issues with misaligned masonry elements
– improved: contact form javascript
– improved: fly out menu for mobile devices– folder css:
– fixed: a small issue with the post slider image overlay
– fixed: an issue with images not resizing correctly when resized in the wordpress editor
– fixed: an problem with the cart icon not displaying on boxed layouts
– fixed: a problem with top padding when using the blank template
– added: form css classes for various columns
– added: form css classes for button while sending
– improved: print.css file– folder includes:
– added: reddit icon for header social media iconsIn reply to: Changing Font Size and Family
Thanks. That changed the font size in the body of my pages, and the top navigation bar.
I still can’t figure out how the change the font family for the top navigation bar, and the heading on the About page “Hi. We’re Chris and Sarah Wehkamp,” or any heading for that matter.
I want to change the font to ‘Libre Baskerville’, serif;
I also followed a previous link to take out the ” Enfold Theme by Kriesi” at the bottom but now it looks like this “© Copyright – Parents Who [no link] – Enfold Theme by Kriesi”
You guys must laugh a lot at our ridiculousness ;)
Thanks again.
Sarah WehkampIn reply to: Toggles & Accordions appearance
Hey!
Please add following code to Quick CSS as well
.js_active .toggler { font-size: 18px; color: red !important; font-family: arial; }Regards,
YigitIn reply to: Toggles & Accordions appearance
WOW!
That was the fastes support I ever seen and it workt like charm :)
Thanks!
One more question.
1. How can I style the title on the accordions?
Color, size and font.Topic: fonts
Hi there
I’m trying hard to implement the @font with no success…
anyhow, on the way i’m trying to make some font changes such as:
/* #Basic Styles
================================================== */
html.responsive, .responsive body{
overflow-x: hidden;
}
body {
font: 16px “nachlieli_clm”, “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
color: #444;
-webkit-text-size-adjust: 200%;
}But nothing really works there… any idea?
In reply to: Styling Gravity Forms
Hi!
Please add following code
.gform_wrapper .gfield_radio li label { font-size: 18px!important; }Regards,
YigitIn reply to: Styling Gravity Forms
Hi – that works great for the description now, but the: .gform_wrapper select { font-size: 18px!important; } hasn’t affected the options text i.e. yes/no next to a toggle field …
In reply to: Styling Gravity Forms
Hey!
Please add folllowing code to Quick CSS as well
div.gfield_description { color: red; font-size: 18px!important; } .gform_wrapper select { font-size: 18px!important; }Cheers!
YigitIn reply to: Changing Font Size and Family
Hey srmathis!
Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/
then go to Enfold theme options > Advanced Styling and edit “Main Menu Links”Cheers!
YigitIn reply to: Styling Gravity Forms
Hey kathrynmichaud!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.gform_wrapper .top_label .gfield_label { color: red; font-size: 18px!important; }Regards,
YigitIn reply to: Invoke mobile menu at different breakpoint
Hey!
You can decrease the font size of the menu items then decrease the padding further:
@media only screen and (max-width: 1140px) { .main_menu ul:first-child > li > a { padding: 0 7px; font-size: 12px; } }Cheers!
IsmaelI have tried to look through previous responses to figure this out but I’m still struggling. How do I change the font size and family for my body texts on my pages. And also on my top navigation menu.
I am wanting to use font-family: ‘Libre Baskerville’, serif; maybe size 16?
Thanks so much,
SarahHi,
I want to change font of main menu in the header. Also I want to change sub menu color and size but different than the main header menu. Can you please help me?
Thanks
FaheemIn reply to: Change font size
Thanks!
So what are the conclusions here?
Adding to the custom.css this code: body { font-size: 50px } ? Or could it be done from the quick Css.Thanks for your help
EladIn reply to: Icons
Hi!
Please try this:
.social_bookmarks a { font-size: 34px !important; width: 34px !important; line-height: 34px !important; overflow: visible !important; }Best regards,
IsmaelIn reply to: Icons
Hi Ismael,
Thank you for your advice but the result was unchanged. I even added !important after “visible”.
Besides trying to fix the flaw in the hover coverage, I’m hoping to only change the background hover color and not the color of the “f”.Here’s my entire quick css around this topic:
/*facebook background color*/
#top #wrap_all .av-social-link-facebook:hover a{
color:#8aa2ad !important;
}
#top.social_bookmarks li a {
overflow:visible !important;
}/*facebook icon size*/
.social_bookmarks a {
font-size: 34px !important;
width: 34px !important;
line-height: 34px !important;
}
#top .social_bookmarks li {
width: 34px !important;
}
#top .social_bookmarks {
height: 34px !important;
}
Any additional ideas are appreciated,Best regards,
Pelyon
In reply to: Text highligted in Bold uses wrong Font
Hi!
Thank you for the screenshot.
I’m not exactly sure what you’re trying to show on the screenshot. The blue font looks smaller because of the black background but they have the same size if you check it on any image editor:
Best regards,
IsmaelIn reply to: Icons
Hi Pelyon!
Try with this code:
.social_bookmarks a { font-size: 36px !important; width: 36px !important; line-height: 36px !important; } #top .social_bookmarks li { width: 36px !important; } #top .social_bookmarks { height: 36px !important; }Adjust “36px” as needed.
Best regards,
JosueIn reply to: Change font size
Hi dhuet!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
#top .avia-slideshow-button.avia-color-light { color: green; background-color: red; border-color: orange; font-size: 20px; }Regards,
YigitIn reply to: Notification Box
Hi daniel!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.avia_message_box_content p { font-size: 24px; } .avia_message_box { min-height: 140px; } .avia_message_box_content { text-transform: capitalize; }Best regards,
YigitIn reply to: Special Heading – H1 Tag – Styled Ampersand
Hi bitsoul!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.special_amp { font-family: inherit; font-style: normal; font-size: inherit; line-height: inherit; font-weight: bold; color: inherit!important; }Regards,
YigitIn reply to: Change font size
Hi!
Can you try adding following code to Custom.css file inside Enfold/css folder
body p { font-size: 24px!important; }I was not able to add !important rule correctly
Best regards,
YigitIn reply to: Adding clickable text to the header area
Hey!
Please try adding following code to Quick CSS
@media only screen and (max-width: 480px) { li#menu-item-31 a { padding: 0 7px; font-size: 11px!important; }}Regards,
YigitSetting the Mobile menu option to 990px together with a slightly smaller logo solved the overlapping issue.
I got rid of the “Portfolio items” header with a quick CSS setting the font size to 0px.
I hope it won’t affect any other part of the site?So the only thing that remains is if its is possible to change the “Taggarkiv:” text?
http://u701482.web01.cust.bluerange.se/produkttyp/broms-kit/
Regards,
In reply to: Menu in Footer
Thanks Yigit,
That did not work on the footer but I changed the css as follows and it works.
footer a {
font-size: 14px;
}In reply to: Menu in Footer
In reply to: Menu in Footer
