Viewing 30 results - 18,661 through 18,690 (of 18,818 total)
  • Author
    Search Results
  • #124022

    Hi,

    Please add this on your custom.css or Quick CSS

    /*
    Mobile Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

    @media only screen and (max-width: 1024px) {
    /* Add your Mobile Styles here */
    .iconbox .iconbox_content .iconbox_content_title {
    margin: 0 0 10px 0;
    letter-spacing: 0;
    font-size: 13px;
    }

    .iconbox_content p {
    font-size: 10px;
    }

    }

    Cheers,

    Ismael

    #123634

    Yes it’s set as responsive and yes I’m using css to style the font, font size, etc…If you want to see the backend, please let me know and I can create account….

    #124431

    Hi,

    So you want a button in there? Please open up functions-enfold.php located in the main theme folder, and go to line 332 which looks like

    $output .= "        <span class='entry-info'>";

    and insert the code below between line 332 and line 333 (just push line 333 down to make room, but do not erase it.

    $output .= " <div class='avia-button-wrap avia-button-center  avia-builder-el-9  el_after_av_textblock  avia-builder-el-last '>";
    $output .= "<a href='' class='avia-button avia-icon_select-yes avia-color-black avia-size-large avia-position-center '>";
    $output .= "<span class='avia_button_icon avia-font-entypo-fontello'>♥</span><span class='avia_iconbox_title'>Buy Now</span></a></div>";

    Thanks,

    Nick

    #24626
    Heather
    Participant

    Hello,

    ISSUE #1

    Top navigation bar (logo, social icons, menu) aligns top left on mobile screen, while the body content aligns to the far right, and off the screen on Blackberry Bold, Sony Xperia X10. Displays just fine on Nokia N8. Looks great in Chrome, IE9, FireFox. Advice would be greatly appreciated!

    ISSUE #2

    I can’t seem to get the menu items to vertically align onload, they shift each time you click to load a page.

    THE SPECS

    – WordPress Version 3.5.1

    – Enfold Version 1.6

    – Using Boxed Blue, Responsive Layout Default, Fixed Header with Social Icons and additional Navigation

    – Custom CSS


    /* MAKE MENU FONT VERTICALLY ALIGN*/

    .responsive #header_main {

    padding-top: 10px;

    padding-bottom: 0;

    height: 50px;

    line-height: 60px;

    vertical-align: middle;

    }

    .fixed_header #header_main .container {

    height: 65px;

    vertical-align: middle;

    line-height: 60px;

    }

    /* REVERSE TELEPHONE TEXT AND SOCIAL BOOKMARKS HORIZONTALLY*/

    .sub_menu {

    position: absolute;

    left: 0;

    }

    #top .social_bookmarks {

    right: 0;

    position: absolute;

    }

    /* CONSTRAIN LOGO SIZE – FOR IE*/

    .logo img {

    display: block;

    height: auto;

    max-width: 250px;

    padding: 0;

    width: auto;

    }

    /* ICON BOX SHADOW FIREFOX*/

    .iconbox_top .iconbox_content {

    border-radius: 3px 3px 3px 3px;

    box-shadow: 0 0 0 0 rgba(0,0,0,0.3);

    }

    Danke – wird im nächsten Update behoben. Momentan kann man dies wie folgt fixen – öffne wp-contentthemesenfoldconfig-templatebuilderavia-shortcodesicon.php und ersetze:

    $this->config['tinyMCE']    = array('tiny_only'=>true, 'templateInsert'=>'[av_font_icon color="{{color}}" icon="{{icon}}" size="{{size}}" use_link="{{use_link}}" link="{{link}}" linktarget="{{linktarget}}"]');

    durch

    $this->config['tinyMCE']    = array('tiny_only'=>true, 'templateInsert'=>'[av_font_icon color="{{color}}" icon="{{icon}}" position="{{position}}" size="{{size}}" use_link="{{use_link}}" link="{{link}}" linktarget="{{linktarget}}"]');

    BESSERE LÖSUNG:

    habe in der icon.php nachgesehen – offensichtlich fehlt im shortcode die “position”.

    Also wie gehabt den shortcode einfügen und dann noch die “Position” ergänzen. Vorher sah der Code folgendermassen aus:

    [av_font_icon color="" icon="112" size="40px" use_link="{{use_link}}" link="" linktarget="no"] – das alignment fehlt

    ergänze es einfach um position=”center” und es funktioniert:

    [av_font_icon color="" icon="112" size="40px" position="center" use_link="{{use_link}}" link="" linktarget="no"]

    hmm – probier mal den code – nicht den shortcode – im html-modus – direkt einzugeben:

    <span class=”av_font_icon avia-font-entypo-fontello” style=”color:#ffb922;font-size:18px;line-height:18px;”>▶</span>

    By the way – die seite sieht übrigens super aus :-)

    firebug shows that there is a class assigned to the icon which makes it align left:

    <span class=”av_font_icon avia-icon-pos-left avia-font-entypo-fontello” style=”color:#ffb922;font-size:18px;line-height:18px;”>▶</span>

    if you delete avia-icon-pos-left the triangle gets centered and the padding is increased

    #24519
    aovivo
    Participant

    Hi folks,

    i am trying to set up a table – actually two rows – where in my case i’d like to put f.e. left side ‘name’ and on the other site the value f.e. ‘Jack’. as i understood there is no other possibility that use the price table feature – since i was not able to add tab/space between the two values (inside one textfield)…

    so – i tried the price table.

    but somehow the possibilities i found were just a few. f.a. i am missing not using the frames at all. i cant control color, fonts (f.e. type: bold, italic, size!, etc) of the values in the respective columns.

    another thing that i missed was the possibility to move/shift the rows (as seen in f.a. in the ‘menu’). sometimes, at the end, i want to change the order…

    at the end i was able to set up a table that looked fine for me – but then, a bit disillusioning, the view on the smartphone: it is hard to look at the table – since there is not table to see – everything is in one row… sometimes bold, sometime reguar fonts – i cant differ which value correspondes the title on the left…

    at the end – i’d prefer to bo back to a regular text field. but in that case i would need to have one text field/column for the title (left value) and the value/name (value on the right side) – this would mean the text fields are not connected – on the webpage it looks good. but seen on the smartphone each textfield stands for itself with the result that the complete first textfield is displayed then the next one (which makes sense..)

    you see my dilemma…

    hope you have any ideas.

    here is the page i am talking about

    http://www.blackjava.de/?page_id=1448

    as you can see i am just trying to set up a ‘vita’…

    my best regards and keep up the good work!!

    still the best and fastest theme i ever came across…

    Pedro

    I kind of like the parralax section in that link I found…I think its done in the colored section settings…

    I know what you mean, some themes have a “flat” css version built in….I kind of like this flat design, http://designmodo.github.io/Flat-UI/ and there are some themes that specialize in it.

    For arguments sake the css for the buttons is here, and i believe removing that background image gives the “Flat” effect to all the buttons:

    body div .avia-button {

    background-image: url(“/themes/wp-content/themes/enfold/images/layout/bg-button.png”);

    background-position: 0 0;

    background-repeat: repeat-x;

    border-radius: 3px 3px 3px 3px;

    border-style: solid;

    border-width: 1px;

    display: inline-block;

    font-size: 12px;

    font-weight: 600;

    line-height: 1.2em;

    margin: 3px 0;

    max-width: 100%;

    padding: 10px;

    position: relative;

    text-align: center;

    text-decoration: none;

    }

    Would one change it to this (adding it to quick css or whatever its called for enfold):

    body div .avia-button {

    background-image: none !important;}

    Enfold Team can we get a ruling? :)

    Of course then you’d need some kind of ohover selector to lighten (or darken it) or change the color to what you want? maybe a transparent png?

    body div .avia-button:hover {???

    #123572

    Hi,

    Try this one.

    body p {
    font-size: 20px;
    }

    Regards,

    Ismael

    #123446

    Hi,

    You can change it like this, just chose whatever font you want, as I used times new roman

    #menu-main-menu {
    font-family:"Times New Roman",Georgia,Serif;
    }
    .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
    font-family:"Times New Roman",Georgia,Serif;
    }

    #24475
    webpress
    Participant

    So I hacve increased the body font size this way:

    body {

    font: 14px/1.65em “HelveticaNeue”, “Helvetica Neue”,Helvetica,Arial,sans-serif;

    }

    This doesnt seem to affect the font in post listings, single post, excerpts etc.

    Another snippet?

    #24448
    npozero
    Participant

    I am unable to sort my portfolio elements when using the Portfolio Grid in the layout builder.

    My first issue was that the sorting was invisible which can be fixed by changing the hidden to visible.

    Line 1120 in Shortcodes.css

    #js_sort_items{

    visibility: hidden;

    font-size: 12px;

    }

    However, even when I click on one of the sorts, it does not seem to trigger the call to return the sorted elements.

    Is there a way to fix this?

    #24419
    xrisxal2000
    Participant

    dear kriesi…something easy for you of course..:-)

    how i change the fonts of the main menu or size??

    KInd regards, xrisxal2000

    @bakbek – insert following code into the quick css field

    body{
    font-size: 13px;
    line-height: 1.65em;
    }

    and change the font size value & line height value.

    @Ukiain – use following code

    #top .main_menu .menu > li{
    font-size: 13px;
    }

    and change the font size value if necessary.

    #122745

    Hi,

    Please try adding this css to your /css/custom.css .. You should play around with those numbers

    @media only screen and (max-width: 479px) {
    span.ls-s-1, p.ls-s-1 {

    font-size: .65em !important;
    line-height: 1.11em !important;
    }}

    I don’t see the dot and the phrase to its right move anywhere in smaller screen sizes. http://www.clipular.com/c?7289023=s7IOHczI8yQeEbHbV2eupP8gvWw&f=.png

    Thanks,

    Nick

    How can I increase the size of the menu text? I can’t see this in the base.css file

    Thanks

    OK. found them but which one control the font size of the regular text?

    Hi,

    You can access them via FTP or your cpanel.

    Regards,

    Ismael

    #123029

    Hi,

    Open includes > helper-post-format.php, then find this code on line 52:

    $heading = is_singular() ? "h1" : "h2";

    Replace it with

    $heading = is_singular() ? "h1" : "h1";

    You can change the font size using this:

    .entry-content .post-title {
    font-size: 30x;
    line-height: 1.5em;
    }

    Add the code on your custom.css or Quick CSS.

    Regards,

    Ismael

    Hi Ismael,

    I can’t seem to find the base.php file in the editor screen inside the WordPress admin panel. I can’t access and edit this file from there?

    #24290
    bakbek
    Participant

    Hi,

    It seems that the post titles are not H1 (it shows as #top h2 a). I would like to make the post title to be H1 tags and also to increase the size of the font as the title is much smaller than any H2 you use inside the post content.

    Thanks.

    #122743

    Hi,

    Dont use a font size in pixels, instead use em. i think 1.6em = 14px. But em are responsive measure of distance so convert all your pixel measurements, especially for fonts. Play around with em till you get the right size. Maybe start with 1.9em

    Thanks,

    Nick

    Hi,

    You can edit base.php, look for #Typography section.

    You can use Media Queries to target the special heading.

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
    .av-special-heading h3 {
    YOUR STYLE HERE
    }
    }

    Regards,

    Ismael

    #122687

    Hi Andy,

    There isn’t anything we can do to change the way google fonts are rendered. Some of them at various sizes just look bad unfortunately.

    Regards,

    Devin

    bakbek
    Participant

    Hi,

    I would like to know how to increase the font sizes in the theme (especially the regular text font size as I find it too small).

    Also, I noticed that when using a Special Heading with default style it isn’t responsive (other 2 styles are).

    Thanks.

    #122742

    In reply to: Add menu description

    1) Enfold does not support such a menu description. You can try to use html code to “shrink” your menu item link text (eg with

    <span style="font-size: 10px">My description</span>

    2) You can change the color of the dropdown with

    #top .header_color .main_menu .menu ul li a{
    background-color: #333;
    color: #fff;
    }

    Adjust the color values and insert the code into the quick css field.

    #120146

    Hi,

    Oh I read about VMI a long while ago, can’t remember what. Oh yeh, Thailand army has a lot of officers who are graduates from your school. Read it on flight to Bangkok and … But I digress.

    There’s something off on the site. I can’t put my finger on it, seems to be a delay somewhere as I am jumping between media queries, the mobile menu is just a tad slow than normal, and some things are not as smooth and stretchy (this is on Chrome) though visitors won’t notice that since they are in the same screen size, it’s unusual and may be part of the issues that show up on earlier IEs but are managed on Chrome.

    You have some errors

    Failed to load resource: the server responded with a status of 404 (Not Found) http://admissions.vmi.edu/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff

    Blocked a frame with origin "http://media.virtualrabbit.com" from accessing a frame with origin "http://admissions.vmi.edu". Protocols, domains, and ports must match.

    Second is Chrome nonsense error but first should be fixed. That’s a file for the fontello glyphs/fonts that create the icons in the theme its IE9+ . You probably don’t have the correct mime type in your .htaccess file for .woff file i would guess …

    You are running on IIS 7.5/2008 Server have 128meg wp/ram . Should be ok

    =====

    http://i.imgur.com/xKA6A5K.png <– this is how i am seeing this page through ie8 and xp (emulated). if you see it any differently can you post a screenshot like this? Well besides the two run on videos, a few missing backgrounds. missing toggles, and of course that 3d campus tour, website background, thingy below the menu,

    Your videos are messed up on Chrome even because the first one (push-ups training) is not in the same aspect ratio as the other 3. So it needs to be re-encoded in the same aspect ratios as the other 3, otherwise at best it will have black lines on two sides http://www.clipular.com/c?6891027=C3O7QXuFTjYv9qCuKT3HxSvT-AE&f=.png

    .avia-video iframe, .js_active .avia-iframe-wrap iframe, div .avia-video .avia-iframe-wrap {
    position: relative;
    width: 320px;
    height: 186px;
    }

    try this css at the end of /css/custom.css

    I don’t have an ie8 but i think most of these can be fixed though not sure about the 3d tour, ie8 users are used to shades of grey and error messages just about anywhere they go online, so having complex animation will only confuse and bewilder them.

    Thanks,

    Nick

    #122381

    In reply to: Calculate font sizes

    My bad I got something completely wrong. I was thinking about rem rules not em. And furthermore I didn´t realize that

    font:13px/1.65em

    is shorthand CSS for

    font-size:13px

    line-height:1.65em

    So there are absolute font sizes used instead of relative. Got it now.

Viewing 30 results - 18,661 through 18,690 (of 18,818 total)