Viewing 30 results - 15,871 through 15,900 (of 18,730 total)
  • Author
    Search Results
  • #307754

    In reply to: FONT-RENDERING

    Hey devon,

    your answers (#1, #2) are not very helpful: if i would be an specialist in coding, i would not have bought enfold and would not need your help – yigit or josue are much more cooperative and help out with really useful solutions for non-specialists!!!

    Another issue:
    inserting a icon in a copytext doesn´t show the entello-icon but another similar icon. See Footer last sentence in the left column. The “heart” is not the entello icon and doesn´t really look fine… I used this html:

    <h4><span style=”text-align: left; font-size:0.5em; line-height: 2.5em; font-weight: bold; letter-spacing: 1px; “>TEXT<span style=” line-height: 25px; font-size: 1.1em;”> ♥ </span>TEXT<span></h4>

    Best regards,
    Christian

    #307722

    Hi!

    You’d need to remove the Enfold form styling to fix this, open 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;}
    

    Best regards,
    Josue

    #307708
    web4smallbusiness
    Participant

    Hi guys
    I have just noticed that somehow a black strip/margin has appeared above my header on the following website

    http://27.121.64.167/~sufjpwue/

    I am not sure what may be causing this, but the blue header should go all the way to the top. I am not sure if any of the following CSS may be influencing it. Your help would be greatly appreciated:

    .header_color .main_menu ul {
    background: transparent;
    }

    #top .main_menu .menu>li:last-child>a {
    padding-right: 10px;
    }

    h1, h2, h3, h4, h5, h6{
    text-transform: none !important;
    }

    .page-id-223 .avia_textblock, .page-id-48 .avia_textblock, .page-id-50 .avia_textblock, .page-id-52 .avia_textblock, .page-id-12 .avia_textblock, .page-id-14 .avia_textblock {
    max-width: 560px !important;
    }

    .main_menu a {
    font-weight: 500!important;
    font-size: 110%!important;
    }

    body {
    font-size: 14px;
    font-family: Arial !important;
    }

    span.image-overlay {
    display: none !important;
    }

    h1, h2, h3, h4, h5, h6 {
    font-family: Arial !important;
    }

    Thanks heaps
    Ivana

    #307694

    Hi!

    Use this code:

    #top .scroll-down-link {
    background: transparent;
    color: white;
    bottom: 10px; /* Adjust this to change its position */
    font-size: 60px; /* Adjust this to change its size */
    }

    Best regards,
    Josue

    #307630

    Hi Klaus!

    Die Schriftgröße kann mit diesem Code angepasst werden:

    
    body {
        font-size: 12px;
    }
    

    Jedoch benötigen einige Shortcodes bzw. Template Elemente speziellen Code mit genaueren CSS Selektoren. Falls daher der Code nicht funktioniert, gib uns bitte eine URL zu der Seite, wo die Schriftgröße angepasst werden soll. Den Code kann man in das Quick CSS bzw. die Child Theme style.css einfügen.

    Best regards,
    Peter

    #307363

    Hey envato99!

    Yes, you can activate the “custom css class” option: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then use a textblock element with a custom css class to change the styling of the textblock content/text. I.e. create a new textblock, insert your text into the editor field, then insert “mysmalltextclass” (without the quotes “”) into the “Custom CSS Class” field. Afterwards insert this code into the child theme style.css file (or into the quick css field on the Enfold option page):

    
    .mysmalltextclass{
    display: none;
    }
    

    – the code will hide the text. You can also use this code if you just want to change the font size:

    
    .mysmalltextclass{
    font-size: 5px;
    }
    

    Regards,
    Peter

    #307306

    Hey ProAnts!

    Please add following code to Quick CSS to adjust menu item font sizes

    #top #header .av-main-nav > li > a {
    font-size: 18px !important;
    }
    #top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {
    font-size: 16px !important;
    }

    Regards,
    Yigit

    #307301
    ProAnts
    Participant

    Hi

    I start to have problem in Main Menu and Main Menu sub levels editing after use this code to increase website text font size
    in General Styling>Quick CSS Box

    `body {
    font-size: 14px;
    }

    so basically if i increase font size on main Menu in Advanced Styling it works but then if i change anything in Main Menu Sub levels the main menu change will go back to default..

    i try to delete the code but problem continuous.

    #307252

    Hi boazmns!

    Thank you for using our theme.

    In custom.css or Enfold->Styles->Quick CSS put the following:

    
    .avia-icon-list .iconlist_icon {
        font-size: inherit !important;
    }
    

    Best regards,
    Günter

    #307112
    boazmns
    Participant

    Hey! So I am working on a website at the moment, which is:
    http://www.unionrealtyga.com/

    I am using a wordpress plugin called Optima Express.
    The plugin had a few bugs, and I contacted the plugin’s support team about them, and they gave me some CSS code that I inserted into the ‘CSS Override’ section of the plugin’s interface.

    The code is:

    
    .ihf-gallery-slider-paging a {
    border-radius: initial !important;
    margin-right: initial !important;
    }
    .ihf-gallery-slider-paging {
    padding: initial !important;
    }
    .ihf-gallery-slider-paging li {
    margin-left: initial !important;
    }
    .ihf-refine-search-container .row input[type="text"] {
    width: 85px !important
    }
    .pagination a,span {
    width: initial !important;
    border-radius: initial !important;
    margin-right: initial !important;
    height: initial !important;
    box-shadow: initial !important;
    font-size: initial !important;
    }
    
    .modal .modal-dialog {
    left: 0 !important;
    }
    div#ihf-board-detail-disclaimer , div#ihf-agent-sellers-rep + div {
    clear: left !important;
    }
    form#searchProfile.ihf-quick-search-form div#ihf_select_bedrooms_homes_chosen, form#searchProfile.ihf-quick-search-form div#ihf_select_baths_homes_chosen {
    display: none !important;
    }
    form#searchProfile.ihf-quick-search-form select#ihf-select-bedrooms-homes, form#searchProfile.ihf-quick-search-form select#ihf-select-baths-homes {
    display: block !important;
    }

    Now, a few of the bugs within the plugin are worked out, but the icons on the home page and the contact page are not displaying correctly.
    They are considerably smaller than they should be.

    Is there any way that I can fix this while leaving the CSS override code in place?

    Thanks!

    #306790
    Welmoed
    Participant

    Hi!

    How can I change the font size of the main menu?

    Thanks!

    Welmoed

    #306787

    Hi!

    What Ismael meant was that you can use the selectors as following to target each element separately

    .avia-fullscreen-slider .avia-caption-title { font-size: 50px; }

    Best regards,
    Yigit

    #306775

    In reply to: Other mobile menu

    Hi fskupin!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #advanced_menu_toggle, #advanced_menu_hide { background-color: white; }
    a#advanced_menu_toggle:before { content: 'Menu'; font-size: 12px; }

    Regards,
    Yigit

    #306707

    In reply to: Increase text size

    Hi Effektid!

    Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/

    Regards,
    Yigit

    #306661

    Hi!

    Please add following code to Quick CSS to change the font size of social icons

    #top .social_bookmarks li a {
    font-size: 16px;
    }

    and then go to Enfold theme options > Header Layout > Header Size and choose custom pixel value and increase header height as needed

    Best regards,
    Yigit

    #306641

    Topic: Increase text size

    in forum Enfold
    Effektid
    Participant

    I would like to increase the text in Enfold, and I guess the only way to do this is by using some CSS in the Quick CSS, since there is no option for this in the Advanced styling. Should I use px, em or %?

    p {
    font-size: ??
    }

    #306625

    In reply to: font link style

    Hey!

    Thank you for using Enfold.

    Did you add the link using the text block? You can use this on Quick CSS or custom.css:

    .avia_textblock a {
    font-size: 20px;
    font-weight: bold;
    }

    Use this to enlarge the text all over the site:

    body, body p {
    font-size: 16px;
    }

    Regards,
    Ismael

    Hi Jojo_W!

    Those two lines of css will only effect the page with an ID of 4529 unless you added it in incorrectly. What it looks like you’ve done is copied and pasted in the css with hidden characters included instead of plain text.

    So remove the following:

    
    #header_meta, .sub_menu {
font-size: 12px; color:black !important
}

    
     
#top .social_bookmarks li a{ font-size:20px; }

    
     
div .avia-menu-fx {
height: 5px;
}
    
    
a.slide-image {
background: transparent!important;
}


    

    and then paste it back in as plain text only. You can see what I mean by copying out the css you have and pasting it into Notepad or any other plain text only application. Here is the same thing but with the hidden characters removed:

    
    #header_meta, .sub_menu {
font-size: 12px; color:black !important}
    
    #top .social_bookmarks li a{ font-size:20px; }
    
    div .avia-menu-fx {height: 5px;}
    
    a.slide-image {
background: transparent!important;}
    

    Cheers!
    Devin

    Hi jzguest!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
    h2.avia-caption-title { font-size: 24px; }}
    @media only screen and (max-width: 480px) {
    .avia-caption, .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { padding: 5px; }
    .avia-caption { bottom: 0; }
    h2.avia-caption-title { font-size: 14px; }}

    Cheers!
    Yigit

    #306353

    In reply to: font link style

    And how can i enlarge the font size, all over the site?

    #306261

    Hey!

    1- Please add !important rule as following

    #top .av-main-nav > li > a {
    font-family: Arial !important;
    }

    You should go to Enfold theme options > Advanced Styling and edit “Main menu links” to change font size of the main nav
    2- Have you chosen your homepage as your frontpage in Enfold theme options?
    3- You can use following code

    a {
    text-decoration: underline;
    }

    but that would make all A tagged elements underlined. Can you point out the elements you would like to have underlined?

    Regards,
    Yigit

    #306211

    Hi Yigit

    Thanks! Page titles are now working great and all the same size.

    However, the font family and size wont change in the navigation menu with the code you gave me. Any other suggestions?

    Also, the 3rd problem is still not resolved.

    I noticed when editing the Homepage that the permalink is now displaying as http://www.saykimchirecruiting.com/home – with the “Snippet Preview” in YOAST SEO showing the same URL which will be how the site is displayed in Search Engines.

    How do I remove the “home’ tag from the end?

    Finally a new issue is none of the links in my website are underlined. I tried to fix that by adding:

    .entry-content a {
    text-decoration: underline;
    }

    but that only seems to work for content written in the normal text editor, not the Layout Builder.

    Any ideas?

    #306193

    Hi Ismael!

    Thanx for your reply. Not sure what you mean by “.avia-fullscreen-slider selector”?

    If I add for instance in the Quick CSS

    div .slideshow_caption h2 { font-size: 70px; }
    div.avia-caption-content { font-size: 40px; }
    #top .avia-slideshow-button { font-size: 30px; }

    #top. avia-fullwidth-slider { font-size: 30px; }

    the size of the fonts on fullscreen slider and fullwidth slider is still the same (70px).

    Did I make any mistake?

    Thx for answer
    Cheers Herbert

    #306169

    Hi!

    Thank you for choosing Enfold :)
    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    h1.main-title { font-size: 16px!important; }
    #top .av-main-nav > li > a { font-family: arial; }

    You can go to Enfold theme options > Advanced Styling tab and edit “Main Menu Links” for further customisation of main nav.
    And seems like you have already figured out 3rd one :)

    Best regards,
    Yigit

    #306063

    Hey!

    Thank you for the info.

    Please replace the code with this:

    .blog-meta span.iconfont {
    background-image: url(https://allianceforajustsociety.org/second/wp-content/uploads/2014/08/AJS_Logo_Square.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    }

    You forgot the url parameter of the background-image property.

    Cheers!
    Ismael

    #306044
    bigmarvloyal
    Participant

    Hi!

    First off, great theme which I am really enjoying using on our website!

    1. On the main blog page and with single posts, the page titles (in the breadcrumb section) are at the font size we like the most. However, on single pages, the font size for the page title is too big. See what I mean:

    Blog: http://www.saykimchirecruiting.com/newsletter/

    Page: http://www.saykimchirecruiting.com/testimonials/

    How can I make the page titles on pages match the size of posts?

    2. Navigation menu: how can I change the font family and size?

    Thanks so much!

    • This topic was modified 11 years, 7 months ago by bigmarvloyal.
    #305966

    In reply to: Font Size

    Hi Adwin

    Please use following code

    .avia-testimonial-content p {
    font-size: 16px;
    }

    Regards,
    Yigit

    #305963

    In reply to: Font Size

    Hi Thanks that worked great, one last thing

    Would it be possible to also show me how to increase the size of the font for the Testimonials?

    http://jjscustomplumbing.com/testimonials/

    And then I will be outta your hair

    Thanks for the great support

    Adwin

    #305812

    Topic: portfolio grid

    in forum Enfold
    topprintish
    Participant

    Hi !

    http://printish.dk/portfolio-item/x-display/

    Im trying to make some space (padding) between the icons….

    I´ve got some CSS in my quick CSS-editor, to control the allignment, borders and color of the tekst:
    (all of this is working fine)

    .grid-entry .inner-entry { box-shadow: none; }
    div.grid-content { text-align: center; }
    .grid-content { padding-left: 0; }
    .grid-content { padding-right:0; }

    .grid-entry-excerpt {
    color: #719430;
    font-size: 12px;
    font-style: bold;
    }

    BUT…………..-is there some small code that could make about 5px gap between my round white icons ?

    Kind regards.

    #305751

    In reply to: Phone in header

    Hi 7accounts!

    Please use following code

    .phone-info {
    font-size: 20px !important;
    }

    Also, you have double double-quotes on your ID – http://i.imgur.com/KUwviwc.png
    Please correct it

    Regards,
    Yigit

Viewing 30 results - 15,871 through 15,900 (of 18,730 total)