Viewing 30 results - 18,301 through 18,330 (of 18,716 total)
  • Author
    Search Results
  • #28869

    Topic: Text Block font size

    in forum Enfold
    cyrusis
    Participant

    Hi there,

    I need to change the font size in certain text blocks in the manner it was designed for this theme.

    I understand that I can just add basic html to change the font size but I’d imagine there should be a better way? When I add the html and save, it works. But when I go back to edit anything, it gets all screwy and resets.

    Thanks.

    #138529

    Hi,

    Try adding this CSS code to the Quick CSS or the custom.css file:

    html[lang="zh-hans"] #top .main_menu .menu li > a{ font-size: 21px }

    Change 21px for the desired size.

    Regards,

    Josue

    #138528

    Hi Josue,

    Please check http://acutta.com/template/?lang=zh-hans.

    Thank you,

    #138844

    In reply to: Font Size

    Hi Lea,

    Please add following code to Quick CSS

    body { font-size: 16px; }

    It’s 13px by default

    Regards,

    Yigit

    #28850

    Topic: Font Size

    in forum Enfold
    500Webmaster
    Participant

    Hi,

    I’m not at all css-savvy, so please bare with me – how do I change the default size of text body font/general font?

    Thanks,

    Lea

    #138686

    Hi,

    Please add this code to Quick CSS

    #js_sort_items a.active_sort { color: black!important; }

    #js_sort_items a:hover { color:red!important; }

    #js_sort_items a { color: blue!important; font-size:16px; }

    This will change color of filters on all states and increase the font size.

    To include text on filter, please open your WordPress directory and go to Enfold > Config-templatebuilder > Avia-Shortcodes and open Portfolio.php file and find this code in line 385

    $output .= "<div class='sort_by_cat {$hide} '>";

    And change it to

    $output .= "To Filter Click The Following:<div class='sort_by_cat {$hide} '>";

    Regards,

    Yigit

    #28802
    stunna42
    Participant

    Hello – If you turn sorting on, you see a lovely set of filters above the given portfolio. Two questions about this:

    1. How can I change the font size, color, etc. of this for **only** the portfolio on: http://thecaloriemythbook.com/sane-recipes?

    2. How can include text such as “To Filter Click The Following:” before the filters?

    Thank you

    #138632

    WordPress and Enfold are both up to date (made sure of that this morning before I started working). I’m still getting the issue. (it’s also affecting my news feed as well). Website URL: http://learnfxc.com/beta1/

    Code for the news feed:

    ‘<script type=”text/javascript”>

    <!–

    rssmikle_url=”http://www.dailyfx.com/feeds/forex_market_news&#8221;;

    rssmikle_frame_width=”100%”;

    rssmikle_frame_height=”350″;

    rssmikle_target=”_blank”;

    rssmikle_font=”Arial, Helvetica, sans-serif”;

    rssmikle_font_size=”12″;

    rssmikle_border=”on”;

    rssmikle_css_url=””;

    rssmikle_title=”on”;

    rssmikle_title_bgcolor=”#0066FF”;

    rssmikle_title_color=”#FFFFFF”;

    rssmikle_title_bgimage=”http://&#8221;;

    rssmikle_item_bgcolor=”#FFFFFF”;

    rssmikle_item_bgimage=”http://&#8221;;

    rssmikle_item_title_length=”55″;

    rssmikle_item_title_color=”#676767″;

    rssmikle_item_border_bottom=”on”;

    rssmikle_item_description=”on”;

    rssmikle_item_description_length=”150″;

    rssmikle_item_description_color=”#666666″;

    rssmikle_item_date=”off”;

    rssmikle_item_description_tag=”off”;

    rssmikle_item_podcast=”off”;

    //–>

    </script>

    <script type=”text/javascript” src=”http://feed.mikle.com/js/rssmikle.js”></script&gt;

    <div style=”font-size:10px; text-align:right;”>

    Feed Widget

    <!–Please display the above link in your web page according to Terms of Service.–>

    </div>

    #138527

    Hi,

    Can you post the link to your website please?

    Regards,

    Josue

    #28776
    #138380

    Hey,

    Edit css > grid.css, find this code:

    #Tablet (Portrait)

    You fix the overlapping menu using this:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .main_menu ul:first-child > li > a {
    padding: 0 7px;
    font-size: 12px;
    }
    }

    Regards,

    Ismael

    #28756
    jackyking
    Participant

    Hi,

    How to change font size in non-English version menu?

    Because there is no font available for the second language we use for our site, the size selected by default is kind of small. What’s the syntax to use for the Quick CSS field so I can make the menu font bigger?

    Thanks

    #138206

    Hi Andy,

    Try adding this code to the Quick CSS:

    .grid-entry-title{ font-size: 3em; }

    Change “3em” for the desired size (ex: 4em, 5em, 6em).

    Regards,

    Josue

    BeeCee
    Participant

    Hi,

    I have created a simple page without the Avia Layout Builder and discovered, that I cannot use right a h3 or h5 tag with creating my own selectors, or have I done something wrong?

    Here is the content of this test page:

    <h3 class="h3headline"><span class="h3background">This is headline 3 with stripes at the left and right</span></h3>

    <h5 class="h5headline"><span class="h5background">This is headline 5 with stripes at the left and right</span></h5>

    And the CSS for this:

    .h3headline {

    background: url("../images/shared/stripes.gif") repeat-x scroll center 10px !important;

    font-weight: normal !important;

    letter-spacing: 2px !important;

    margin-bottom: 12px;

    margin-top: 20px;

    padding: 2px !important;

    text-align: center;

    width: 100%;

    }

    .h3background {

    background-color: #FFFFFF;

    color: #BCA7B8;

    font-size: 15px !important;

    letter-spacing: 2px !important;

    padding: 2px 10px;

    text-align: center;

    text-transform: uppercase;

    font-weight: normal;

    }

    Same for the h5 (.h5headline and .h5background).

    It should show up like this

    In fact with these CSS and the code above, it doesn’t center and doesn’t show the stripes (path is right!), but with Firebug I discovered weird things concerning the h3 and h5 tags:

    Where do these double quotation marks coming from and these backslashes?

    Are there anyway coded in a theme’s file?

    My site is still in maintenance mode, so I hope these screenshots help. Thanks.

    #28644
    andypeck
    Participant

    Hi there,

    at the moment both the ‘grid entry title’ and the ‘blog entry post title’ inherit the h3 tag. However, I want the portfolio grid entry title font to be bigger than the size used for my blog posts highlights. These can be seen on the home page of my site…. http://www.andpeck.co.uk

    How do I change this?

    Regards

    Andy

    #137991

    In reply to: Icon box text size

    Hi!

    Sure – you can use following css code

    #top .iconbox_content p{
    font-size: 22px;
    }

    Best regards,

    Peter

    #136702

    I understand completely, Devin. Unfortunately, for several reasons, one being this forum is indexed, I simply can’t make this site live to the public as of now. I will, however, post what I’ve done so far to help anyone whom might be looking to add this, what I consider to be common, feature when working with woocommerce.

    Here’s a screenshot of what I’ve managed to do so far:

    https://dl.dropboxusercontent.com/u/17031532/expo_navigation_menu_updated_2.png

    EDIT HEADER.PHP AND ADD:

    (Refer to Ismael’s post above.)

    (I’ve moved this above, below, and in between <div id=’header_main’ class=’container_wrap container_wrap_logo’> with no success, as it’s still covered by the main container, but maybe one of you can get it working.)

    ADD THIS TO YOUR QUICK.CSS OR CUSTOM.CSS:

    #right-header {

    position: absolute;

    height: 80px;

    line-height: 80px;

    right: 151px;

    }

    #right-header a {

    display: inline-block;

    height: 80px;

    }

    #right-header a.login {

    padding-bottom: 40px !important;

    height: 80px;

    width: 70px;

    font-family: “proxima-nova-alt”,sans-serif;

    font-style: normal;

    font-weight: 700;

    font-size: 13px !important;

    text-transform: uppercase;

    letter-spacing: 2px;

    color: #919191;

    }

    (Obviously, you’ll have to adjust this css to fit your needs. For example, I’m using a custom font from Typekit, which most of you won’t need.)

    Thanks to you both, Devin & Ismael, for your support,

    Benjamin

    #28573

    Topic: Icon box text size

    in forum Enfold
    virtuosodurham
    Participant

    Hello

    I’ve changed my font size to 22px and its effected the text size in the icon box (of course). I wondered if you could tell me some custom css coding so I can reduce the size of the text in the Icon box (without effecting the size of the text in the rest of the website).

    Thanks

    #136608

    Hi!

    Please insert following code into the quick css field

    #top .social_bookmarks_youtube {
    text-indent: -25px;
    line-height: 30px;
    font-family: 'youtubefont';
    font-size: 1.5em;
    }

    Best regards,

    Peter

    #137947

    Hey,

    You can add this on your custom.css or Quick CSS

    .woocommerce-page .button {
    min-width: 105px;
    padding: 15px;
    font-size: 12px;
    width: auto;
    font-weight: bold;
    color: black !important;
    }

    Regards,

    Ismael

    #28437
    mirzepapa
    Participant

    Hi,

    I am still having a hard time setting responsive design for http://www.energie-frey.de. Since the logo is pretty wide in size (300px) and menu items are fairly long either, menu starts to overlap the logo already from 1043px down. Decreasing logo size should be the last way to go.

    What i have did so far was to go through each and every article on responsiveness, but still do not have a glue what exactly to do.

    So I have tried the various solution in custom.css like @media only screen and (min-width: 768px) and (max-width: 989px) {.responsive .main_menu ul > li > a {font-size: 11px;}}

    @media only screen and (max-width: 1024px) { .responsive #header .main_menu ul {display: none; }}

    and avia.js (likes mentioned here https://kriesi.at/support/topic/top-menu-with-the-social-icons-bigger?replies=5#post-132320) , but all i could achieve was to show the responsive menu earlier, but not hiding the main menu. Main menu disappears with resolutions underneath 768px, meanwhile both menus are there.

    What i want to achieve is show the page in normal mode to lets say 1200px, then objects got scaled smaller, but still showing the main menu with dropdowns e.g., from around 900px main menu should disappears and mobile menu is shown.

    Your help is higly appreciated. Thanks.

    Regards

    Sebastian.

    #137416

    In reply to: Text Block Font css

    Hey,

    You can add a unique selector to the h1 tag. Something like this:

    <h1 class="awesome" style="text-align: center;">MY TEXT HERE</h1>

    You can then style it on your custom.css or Quick CSS:

    h1.awesome {
    font-size: 20px !important;
    color: #ffffff !important;
    }

    Regards,

    Ismael

    Hey,

    This will make it look exactly like the login button. Just change the color value:

    .bbp-register-link {
    border-radius: 2px;
    background-color: #c3512f;
    color: #ffffff !important;
    border-color: #c3512f;
    cursor: pointer;
    display: block;
    height: 34px;
    width: 68px;
    font-size: 13px !important;
    padding: 10px 10px 10px 10px !important;
    margin-top: 2px;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-decoration: none !important;
    }

    .bbp-register-link:hover {
    background-color: #88bbc8;
    color: #ffffff;
    border-color: #88bbc8;
    }

    Regards,

    Ismael

    #28394

    Topic: Text Block Font css

    in forum Enfold
    SoulPower
    Participant

    Hello all,

    Thanks as always for your help. I had a quick question in regards to text boxes. What type of css can you use to adjust the font size of the Heading sizes? I am using Heading 1 and wanted to make it much larger.

    I currently have:

    <h1 style=”text-align: center;”><span style=”color: #ffffff;”>MY TEXT HERE</span></h1>

    Appreciate your expertise!

    Best,

    Jonathan

    #137346

    In reply to: Nav Menu Font Size

    Hi boag,

    Try adding the following CS to your Quick CS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .main_menu ul:first-child > li > a {
    font-size: 14px;
    }

    Regards,

    Devin

    #137232

    Hi,

    Add this on your custom.css or Quick CSS:

    This is for http://drjenna.net/:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .main_menu ul:first-child > li > a {
    padding: 0 8px;
    font-size: 11px;
    }

    .menu-main-menu-container {
    margin-right: -40px;
    }
    }

    The menus http://horsestreat.com/ looks ok.

    http://responsinator.com/?url=http%3A%2F%2Fhorsestreat.com%2F

    Regards,

    Ismael

    #28368

    Topic: Header font

    in forum Enfold
    sappermarine
    Participant

    Hi there, I am new to Enfold. How do I change the header font/size?

    Thanks!

    Taylor

    #28362

    Topic: Nav Menu Font Size

    in forum Enfold
    boag
    Participant

    Hi,

    I want to increase the font size of my navigation menu to 14px. I searched the forum and found solutions, however, they didn’t work for mine.

    What is the correct css?

    http://businessoceans.com/bomarketing/

    #136069

    In reply to: Edit the contact form

    Hey,

    Thank you for the answer, I do not really understand the code, (But it does not change anything in my email)

    If I could put an html code in autoresponder :

    example:

    Code:
    <body style=”margin: 0px; background-color: #F4F3F4; font-family: Helvetica, Arial, sans-serif; font-size:12px;” text=”#444444″ bgcolor=”#F4F3F4″ link=”#21759B” alink=”#21759B” vlink=”#21759B” marginheight=”0″ topmargin=”0″ marginwidth=”0″ leftmargin=”0″>
    <table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”#F4F3F4″>
    <tbody>
    <tr>
    <td style=”padding: 15px;”>

    <table width=”651″ cellspacing=”0″ cellpadding=”0″ align=”center” bgcolor=”#ffffff”>
    <tbody>
    <tr>
    <td width=”649″ align=”left”>
    <div style=”border: solid 1px #d9d9d9;”>
    <table id=”header” style=”line-height: 1.6; font-size: 12px; font-family: Helvetica, Arial, sans-serif; border: solid 1px #FFFFFF; color: #444;” width=”96%” border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”#ffffff”>
    <tbody>
    <tr>
    <td style=”color: #ffffff;” colspan=”2″ valign=”bottom” height=”30″>.</td>
    </tr>
    <tr>
    <td style=”line-height: 32px; padding-left: 30px;” valign=”baseline”>logo-mini</td>
    <td align=”right” valign=”baseline” class=”Style1″ style=”padding-right: 30px;”>My description </td>
    </tr>
    </tbody>
    </table>
    <table id=”content” style=”margin-top: 15px; margin-right: 30px; margin-left: 30px; color: #444; line-height: 1.6; font-size: 12px; font-family: Arial, sans-serif;” width=”587″ border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”#ffffff”>
    <tbody>
    <tr>
    <td style=”border-top: solid 1px #d9d9d9;” colspan=”2″>
    <div style=”padding: 15px 0;”>
    <div align=”center”>!!! message autoresponder here!!!</div>
    </div>
    </td>
    </tr>
    </tbody>
    </table>
    <table id=”footer” style=”line-height: 1.5; font-size: 12px; font-family: Arial, sans-serif; margin-right: 30px; margin-left: 30px;” width=”587″ border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”#ffffff”>
    <tbody>
    <tr style=”font-size: 11px; color: #999999;”>
    <td width=”587″ colspan=”2″ style=”border-top: solid 1px #d9d9d9;”>textedemo
    <div style=”padding-top: 15px; padding-bottom: 1px;”>Date demo demo demo demo demo </div>
    <div>Contact Contact: (Email address hidden if logged out) “> (Email address hidden if logged out) </div>
    </td>
    </tr>
    <tr>
    <td style=”color: #ffffff;” colspan=”2″ height=”15″>.</td>
    </tr>
    </tbody>
    </table>
    </div>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </body>

    so that the user receives the email can see images instead of plain text.

    Thank you for your response and your patience :)

    #28339

    Topic: Bigger logo

    in forum Enfold
    TheAurelien
    Participant

    Hi, I really like the Enfold theme, thank you!

    I’m almost finished with the website but I would need the logo to be much bigger.

    What can I tweak or add to have control over the logo size?

    I’m using WP 3.6, Enfold 1.9.1 and the header type is “Header with Social Icons and Bottom”.

    Here’s what I have in my child theme CSS so far to customize some elements:

    /*phone number size*/

    .social_header .phone-info {

    color: #f15b2a !important;

    font-size: 3em;

    float:left;

    margin-top: 50px;

    margin-right: 130px;

    font-weight: bold;

    height: 30px;

    line-height: 30px;

    right: 100px;

    top: 100px;

    }

    /*Main Paragraphs*/

    .p_main_content {

    font-size: 14px;

    color: #808080;

    }

    /*main menu colors*/

    #header_main_alternate {

    background: #333333;

    }

    #top .header_color .main_menu ul:first-child > li a {

    color: #ffffff;

    }

    .header_color .main_menu ul.sub-menu > li a:hover {

    color: #f15b2a !important;

    }

    #menu-main-menu {

    background: #333333;

    }

    #top .main_menu .menu li > a {

    display: block;

    text-decoration: none;

    padding: 0 10px 10px;

    font-weight: normal;

    font-size: 12px;

    font-weight: 600;

    font-size: 13px;

    font-family: Arial;

    text-transform: uppercase;

    background-color: #333333;

    }

    Thank you,

    Aurelien

Viewing 30 results - 18,301 through 18,330 (of 18,716 total)