-
AuthorSearch Results
-
Stigan
ParticipantHello Just need a hand with the font size on my site
There are sections that I can’t seem to figure out how to change
If you look on the homepage you will see that some sections have a larger font and some sections have a smaller font.
Also in the interior pages we would like to change the font size as well please
ThanksLove the theme!
August 6, 2014 at 9:57 pm #300846Thank you, Yigit!
How do you manage/adjust the column width/height for the Mega Menus and the font size and bolding of menu items?
Regards,
JohnAugust 6, 2014 at 9:50 pm #300844This reply has been marked as private.August 6, 2014 at 4:54 pm #300749In reply to: Need to adjust Header Size
That is fine for the footer text.
Go here to see what I want: http://i.imgur.com/9kbZs5A.jpgThe code didn’t work. I want it to fill most of the header area 960 pixels wide and centered.
I set the header size already. that didn’t change.Can you also tell me how I can increase the font sizes of
body text and footer links / textThank you!
Hey!
#2 – I’m not quite sure what you mean here. Those sections are inside one half columns so the content is on the left of the section.
#3 – turn on the custom class field for all of the builder elements following this doc: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Then you can target those elements directly to adjust the font size/style exactly as you want with your own custom class. Something like:
.special-heading-big { text-transform: uppercase; letter-spacing: 1px; font-size: 34px; line-height: 1.1em; }Regards,
DevinAugust 6, 2014 at 3:10 pm #300681In reply to: Need to adjust Header Size
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#footer h3.widgettitle { color: white!important; font-size: 20px!important; }Which type of header are you using? A screenshot of your header section would help. In the meantime, please try adding following code to Quick CSS
#header_main .container { width: 100%; }and go to Enfold theme options > Header Layout > Header Size = Custom pixel value and set it to 150px
Cheers!
YigitAugust 6, 2014 at 2:33 pm #300676In reply to: Need to adjust Header Size
August 6, 2014 at 5:43 am #300508In reply to: Issues with menu
Hi!
Thank you for using the theme.
Please use this on Quick CSS or custom.css to fix the logo on mobile view:
@media only screen and (max-width: 989px) and (min-width: 768px) { .responsive .mobile_slide_out .logo img { margin: 0; width: 65%; top: 20px; } }Change the font size of the menu on Enfold > Advanced Styling. Add the Main Menu Links element.
Best regards,
IsmaelAugust 6, 2014 at 3:10 am #300472In reply to: Issues with menu
Would you also tell me how to modify the font size for the menus? Thanks.
August 5, 2014 at 9:32 pm #300413Topic: Title text rather than logo
in forum Enfoldrichardwilding
ParticipantHi, is there a way to use just some title text (same font and size as the menu text) rather than a logo image to display in place of the logo image on the left side of the header?
Thanks
August 5, 2014 at 7:05 pm #300379In reply to: special heading
Hey!
Please try adding !important rule as following
div#after_section_8 .avia_textblock { font-size: 15px!important; }Regards,
YigitAugust 5, 2014 at 7:01 pm #300377In reply to: special heading
Hi Yigi,
I added the coding to the quick CSS but the following text “Take a moment to view the Orchard Heights Dental campaign and download Paper Napkin Dental Marketing Kit.” near the bottom of the page isn’t the same size as the font below “PAPER NAPKIN DENTAL MARKETING”
August 5, 2014 at 5:03 pm #300311In reply to: formatting
Hey!
I recommend to use the “Custom ID” setting of the “Color Section” to specify a custom selector. Otherwise you can’t apply custom stylings to one of your boxes without affecting the other boxes. I noticed the “YOGA AND MEDITATION” section already has a custom id (called “colsright”) and I’ll use this id for the example code.
1) To change the font size use:
#colsright .entry-content-wrapper h2{ font-size: 20px; } #colsright .entry-content-wrapper p{ font-size: 15px; }2) To add a black, semi transparent background use this code
#colsright .entry-content-wrapper .flex_column{ background-color: rgba(0,0,0,0.5); }3) Use this code to move the box to the right side:
#colsright .entry-content-wrapper .flex_column{ float: right; }Regards,
PeterAugust 5, 2014 at 4:19 pm #300291In reply to: Enfold mega-menu font sizes and spaces
Hi!
Please add following code to Quick CSS code as well
#top #header .mega_menu_title a { font-size: 24px; }If that too does not work, please post the link to your website
Cheers!
YigitAugust 5, 2014 at 4:12 pm #300288In reply to: Enfold mega-menu font sizes and spaces
Hello Yigit,
Thanks a lot!
Everything worked fine except that code:#header .mega_menu_title { font-size: 32px; }It doesnt effect anything whatever value i set instead of 32…
Kind Regards,
DenisAugust 5, 2014 at 4:01 pm #300281In reply to: special heading
Hey papernapkinmarketing!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
div#after_section_8 .avia_textblock p { font-size: 16px; }Cheers!
YigitAugust 5, 2014 at 1:46 pm #300212In reply to: Blog post Navigation
Hi!
Please add following code to Quick CSS as well
body .av-special-heading .av-special-heading-tag { font-size: 16px; font-weight: bold; }Cheers!
YigitAugust 5, 2014 at 1:28 pm #300202In reply to: Enfold mega-menu font sizes and spaces
Hey Denis
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding-top: 0; } .avia_mega_div .avia-bullet { margin-top: 8px; } #top #header .avia_mega_div > .sub-menu { padding: 5px 30px 5px; } #top #header .avia_mega_div > .sub-menu > li > ul > li a { font-size: 16px; } #header .mega_menu_title { font-size: 32px; }Cheers!
YigitAugust 5, 2014 at 12:55 pm #300191In reply to: animated numbers – description font size
Hi jazbird!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-animated-number-content p { font-size: 36px !important; }Nice website! :)
Best regards,
YigitAugust 5, 2014 at 12:48 pm #300188In reply to: Font in woocommerce
Hey pianogirl!
Please add following code to Quick CSS in Enfold theme options under General Styling tab to decrease the font size of title and adjust as needed
#main .course header h2, #main .course-container header h2 { font-size: 26px; }Regards,
YigitAugust 5, 2014 at 11:11 am #300109In reply to: Special heading H1 like H3
It’s Ok, thank you Guenni007. I’ve found where the CSS code should be changed.
To help people who have the same problem, you have to add these lines in Quick CSS or custom CSS (to have exactly the same special heading H1 as H3 special heading) :h1 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } .av-special-heading-h1 .special-heading-border{height: 1.9em} .template-page .entry-content-wrapper h1{text-transform: none;letter-spacing: 0px}Cheers !
FranckAugust 5, 2014 at 10:16 am #300076In reply to: site name instead of logo
Hey!
After setting the subtext, add this to the Quick CSS:
span.subtext { display: block; font-size: 14px; } .header-scrolled .subtext{ font-size: 11px; line-height: 5px; }Best regards,
JosueAugust 5, 2014 at 8:24 am #300058Topic: Change all font size in main menu
in forum Enfoldvk5kdc
ParticipantSearching through the forum I found the code to change the font size in the main menu ie
.main_menu ul:first-child>li>a { font-size: 16px; }This works well for the main items what do I need to change for all the menu items including the sub headings.
Thanks.
By the way enfold is a great theme, only just started to use it.August 5, 2014 at 2:13 am #299953Topic: animated numbers – description font size
in forum Enfoldjazbird
Participanthi,
i have set the description text to be larger but it doesn’t work. just stays as default no matter the value i add.
please help..
e.g.: http://curvesecurities.com.au/new-clients/thank you!
jaz
August 4, 2014 at 11:58 pm #299919In reply to: A few questions for a simple blog
Add this too:
.avia_combo_widget .tab, .avia_combo_widget .news-headline{ font-size: 14px; } .avia_combo_widget .tab_content li{ padding-top: 20px !important; } .inner_sidebar.extralight-border { margin-left: 0; }August 4, 2014 at 9:09 pm #299868Topic: Enfold mega-menu font sizes and spaces
in forum Enfolddmaca
ParticipantHi!
Please create a new page, name it HomepageV11 and add this code into the standard editor:
[av_fullscreen size='extra_large' animation='fade' autoplay='true' interval='7' scroll_down='aviaTBscroll_down'] [av_fullscreen_slide slide_type='image' id='2553' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='This is a page with transparent header' caption_pos='caption_left caption_left_framed caption_framed' link_apply='button' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Click me' button_color2='light' link2='http://' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay=''] Once the user scrolls down the header color will change [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='2552' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='Another caption' caption_pos='caption_right caption_right_framed caption_framed' link_apply='button button-two' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Learn more' button_color2='light' link2='#next-section' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque pe. [/av_fullscreen_slide] [/av_fullscreen] [av_one_fourth first] [av_icon_box icon='59' position='left' title='Free Support'] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='2' position='left' title='Mobile Ready'] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='125' position='left' title='Updates'] Cum sociis natoque <strong>sadfsadfas </strong>Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='36' position='left' title='SEO Optimized'] Aenean commodo ligula eget dolor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/woman-flinging-long-hair-1500x1000.jpg' attachment='2576' attach='parallax' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='75' padding='default' shadow='no-shadow' id=''] [av_one_third first] [av_icon_box icon='ue806' font='entypo-fontello' position='top' title='Mobile Ready' link='' linktarget='' linkelement=''] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='ue836' font='entypo-fontello' position='top' title='SEO Optimized' link='' linktarget='' linkelement=''] Aenean commodo ligula egconsectetueret dolor sit amlor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='ue842' font='entypo-fontello' position='top' title='Free Support' link='' linktarget='' linkelement=''] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_third] [/av_section] [av_section color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' min_height='' padding='default' shadow='no-shadow' id=''] [av_one_fourth first] [av_textblock] <h6>Recent News</h6> <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em> <a href="#">View more</a> [/av_textblock] [/av_one_fourth][av_three_fourth] [av_postslider link='category,3' columns='3' items='3' contents='title' autoplay='no' interval='5'] [/av_three_fourth][av_hr class='default' height='50' position='center'] [av_one_fourth first] [av_textblock] <h6>Recent Work</h6> <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em> <a href="#">View more</a> [/av_textblock] [/av_one_fourth][av_three_fourth] [av_postslider link='portfolio_entries' columns='3' items='3' contents='title' autoplay='no' interval='5'] [/av_three_fourth] [/av_section] [av_section color='socket_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/photodune-3581207-black-in-black-m-1500x1182.jpg' attachment='2572' attach='parallax' position='top left' repeat='stretch' video='' video_ratio='16:9' min_height='75' padding='large' shadow='no-shadow' id='portfolio'] [av_heading heading='A beautiful <strong>experience!</strong>' tag='h1' color='custom-color-heading' custom_font='#ffffff' style='blockquote modern-quote modern-centered' size='50' subheading_active='subheading_below' subheading_size='18' padding='60'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_heading] [av_one_fifth first] [av_font_icon icon='ue826' font='entypo-fontello' style='border' caption='Eye Candy' link='manually,http://kriesi.at' linktarget='' color='#ffffff' size='40px' position='center'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue856' font='entypo-fontello' style='border' caption='Tools' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] We have added exactly the tools you need and left out everything you don't need. Finally a multi purpose Theme that is not bloated! [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8a5' font='entypo-fontello' style='border' caption='A list' link='post,94' linktarget='' color='#ffffff' size='40px' position='center'] <ol> <li>Super nice Parallax</li> <li>Optimized for Speed</li> <li>Brilliant Template Builder</li> <li>Easy to use</li> <li>Set up in 2 minutes</li> </ol> [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8a8' font='entypo-fontello' style='border' caption='Updates' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] Enfold is an award winning theme that is quickly becoming one of themeforest top sellers. And for a reason! Try it yourself! [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8dd' font='entypo-fontello' style='border' caption='Rocket Science?' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] Far from! Probably the easiest Multipurpose theme you have ever used! [/av_font_icon] [/av_one_fifth] [/av_section]Then switch to the template builder and Enfold should convert the code to a template. Note that you probably need to replace the slideshow images, etc. with some custom images on your server.
Cheers!
PeterAugust 4, 2014 at 4:12 pm #299720In reply to: Enfold Showcase
Just some quick response of my opinion:
The slider size is to big (height)
The slider text on slide on is to small, make it wider and the main font bigger
The green looks awfull, sorry. Better use grey and white with the orange of the logo.
Portfolio: Try to make them in the same hight. Looks creepy this way now
Font of the content text is too smallJust my 2 cents looking at it. Good luck with optimisation. Maybe you have a look at the original Enfold demo page for ideas or take a look at those here i the showroom
August 4, 2014 at 3:46 pm #299707In reply to: Search box in mobile / responsive menu
Hey!
You are welcome Barb, we are always glad to help! :)
Please add following code to Quick CSS as wellli#menu-item-search>a { font-size: 24px!important; }Cheers!
YigitAugust 4, 2014 at 3:22 pm #299693In reply to: formatting
Hi Yigit!
I figured out #1, thank you.
I’ve attached two images with formatting I am trying to repeat on the following page – http://papernapkinmarketing.com/the-bodybuilding-camp.
Examples – http://papernapkinmarketing.com/wp-content/uploads/2014/08/example-leftside.png / http://papernapkinmarketing.com/wp-content/uploads/2014/08/example-rightside.png
#2 – In the example the size of the font looks larger. How can I get the font size under the header to match? (see example)
#3 – Just behind the heading and font there is a light black box (see example). I can’t figure out how to add it
#4 – In the example I’ve attached screenshots of the heading text on the left and then the right. I am trying to replicate the same look.Thanks!
Todd
-
AuthorSearch Results
-
Search Results
-
Topic: Font Size
Hello Just need a hand with the font size on my site
There are sections that I can’t seem to figure out how to change
If you look on the homepage you will see that some sections have a larger font and some sections have a smaller font.
Also in the interior pages we would like to change the font size as well please
ThanksLove the theme!
Topic: Title text rather than logo
Hi, is there a way to use just some title text (same font and size as the menu text) rather than a logo image to display in place of the logo image on the left side of the header?
Thanks
Searching through the forum I found the code to change the font size in the main menu ie
.main_menu ul:first-child>li>a { font-size: 16px; }This works well for the main items what do I need to change for all the menu items including the sub headings.
Thanks.
By the way enfold is a great theme, only just started to use it.hi,
i have set the description text to be larger but it doesn’t work. just stays as default no matter the value i add.
please help..
e.g.: http://curvesecurities.com.au/new-clients/thank you!
jaz


