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

    In reply to: Insert a new font

    Thx you very much ismael.

    How could i do for change the size of the font ?

    I try : p {

    font-family: “Roboto”, arial, sans-serif;

    font: 16px;

    }

    But it doesn’t work.

    #119241

    Hi Devin,

    Thanks for your help although I think there’s a bit in the middle im missing….

    Ive installed Bebas Neue and have it working as an h6 heading on a standard page layout. However, as discussed when I shrink the page the h6 header remains the same. I merely added your text to the CSS but cant see how to link the h6 to your code thus nothing has happened. What do I need to do to link your code and would I need to do it for every h tag (h2,h3 etc) if I wanted to change other headings too

    My CSS is setup as follows:

    @font-face {

    font-family: ‘BebasNeueRegular’;

    src: url(‘http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot’);

    src: url(‘http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot?#iefix’) format(’embedded-opentype’),

    url(‘http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.woff’) format(‘woff’),

    url(‘http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.ttf’) format(‘truetype’),

    url(‘http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.svg#BebasNeueRegular’) format(‘svg’);

    font-weight: normal;

    font-style: normal;

    }

    h6 {

    font-family: BebasNeueRegular, Geneva, Arial, Helvetica, sans-serif !important;

    font-size: 90pt !important;

    letter-spacing: -0.0em !important;

    font-weight:200 !important;

    }

    #119240

    Hi andypeck,

    You would need to add a media query to your custom.css file (in the theme’s css folder) to then target the h6 and change the font-size declaration.

    You can add this to your custom.css file and use it as a starting point to add in your css for each screen size you want to change the css on:

    /* #Media Queries
    ================================================== */

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {}

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {}

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {}

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {}

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {}

    Regards,

    Devin

    #23300
    jeutie
    Participant

    Hi all.

    Please take a look at this page I made http://jeutie.info/emulation – How would I decrease the whitespace between the individual downloads? I am guessing the white space appears between the columns rather than the buttons but I am not sure. I used the following code on the page:

    [av_two_third first]

    Text

    [/av_two_third]

    [av_one_third]

    [av_button label='View page' link='manually,http://jeutie.info/jeuties-blizzlike-repack/' link_target='' color='grey' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='60']

    [/av_one_third]

    Thanks already for your help!

    #23296
    andypeck
    Participant

    Hi there,

    In general Ive enjoyed using this theme but the slider is incredibly frustrating. Ive used other sliders and the viewing between preview and live is exactly the same so the experience is logical and fluid. Layer Slider doesnt seem to replicate what I see in preview into the actual live slider. Ive seen someone else mention so I dont think im alone. Please let me be wrong!

    Im working locally at the moment as I have to produce this on long train journeys without wifi and up till now ive had no issues working on this theme.

    Anyway….

    1) My text, font size and background text boxes which ive set up in the preview window all re-align when I update the main slider

    2) I want to re-produce the dissolve text/box transition ‘on’ effect that’s used in the ‘basic slider’ (text fades during a move downward) instead of animating across the entire width/height of the slider which is incredibly clunky and old fashioned

    3) How do I make my css colored box behind my text partially transparent. At the moment its at 100% and I want it to be 50%

    I guess if im stuck with this slider then I would at least like to try and gain a bit more creative control. Im sure im missing something and you will let me know that all is ok but I have a nasty feeling that im about to find the achilles heel of this lovely theme

    Cheers

    Andy

    #118609

    Hi,

    Maybe you can add that on js > avia.js, find this code then place your code above it.

    //
    
    // responsive menu function
    //

    Regards,

    Ismael

    #119159

    Hi,

    To adjust the circle size, you can you use this

    .avia-icon-list .iconlist_icon {
    height: 45px;
    width: 45px;
    line-height: 40px;
    }

    Then change the character font size with this.

    .iconlist-char {
    font-size: 22px;
    }

    Align the icon by adjusting the line-height on .avia-icon-list .iconlist_icon.

    Regards,

    Ismael

    #118608

    Hi andypeck,

    You can add in your own javascript to the avai.js file within the theme files, or use a plugin that will allow you to add it in through the wordpress admin if you don’t want to go through ftp.

    Regards,

    Devin

    #23270
    jwferne
    Participant

    What is the code to adjust the size of the icon list circle & font in the middle? I need to scale them down a bit (approx 75-80 % of what they currently are). I’m assuming I’ll need to adjust the header text / padding etc. next to it?

    Thanks!

    – John

    #119177

    In reply to: Menu Font Changes

    Hi,

    For the menu you can use this

    #top .main_menu .menu li > a {
    display: block;
    text-decoration: none;
    padding: 0 13px;
    font-weight: normal;
    font-size: 12px;
    font-weight: 600;
    font-size: 13px;
    font-family: Helvetica;
    }

    For the submenu, try this.

    #menu-sub-menu a {
    font-size: 15px;
    color: red;
    }

    Regards,

    Ismael

    #118864

    In reply to: Font size questions

    Hi,

    You can alter the fonts on the FullWidth EasySlider with these

    .avia-caption-title {
    font-size: 15px;
    }

    .avia-caption-content {
    }

    You can use this for the menu.

    #top .main_menu .menu li > a {
    display: block;
    text-decoration: none;
    padding: 0 13px;
    font-weight: normal;
    font-size: 12px;
    font-weight: 600;
    font-size: 13px;
    font-family: Helvetica;
    }

    Regards,

    Ismael

    #119166

    In reply to: nav menu questions

    Hi,

    What type of header are you using?

    1.) You can remove the magnifying glass via css, please add this on your custom.css or Quick CSS

    #menu-item-search {
    display: none;
    }

    2.) You can apply the menu font styling on this selector

    .main_menu ul:first-child > li > a {
    display: block;
    text-decoration: none;
    padding: 0 13px;
    font-weight: normal;
    font-size: 12px;
    font-weight: 600;
    font-size: 20px;
    }

    3.) What do you mean by “remove the current page from the menu”?

    Regards,

    Ismael

    #118863

    In reply to: Font size questions

    Sorry about posting in the wrong place. I started out asking a featured post question and resolved it but couldn’t delete the post, so asked my question again about this because I didn’t see you had replied already. :(

    I actually don’t make changes directly to the style sheet. It’s my understanding that the “Quick CSS” is for that. That has worked generally and thanks for that.

    For the slider, in the Full Width Easy Slider, there is not an option to alter the font size or appearance. Cannot view html mode when using the advanced layout feature. Anyhow, my site is not yet launched, so where can I send you the logon for you to take a look? Appreciate your guidance.

    Still have the same question about the bottom navigation. I can’t find where to alter the font.

    #118872

    In reply to: XING icon

    Hi,

    Yes. I have an idea that you haven’t looked well for the Xing glyph, since I was able to find it. http://www.clipular.com/c?5946811=zM1_Hm9yLKqfAg_cXwIOP0xZTlY&f=.png (the one with the outline in center) /

    .

    Just go to that website fontello.com and this glyph is in Zocial.

    Now you need to pick the size, and select that one glyph and click download button and you got it.

    In the theme the location of current glyph files is in there: /config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello-charmap.php

    I would follow these instructions regarding how to add a stand alone glyph as I haven’t deal with fonts much, so reading up as i go.. will ask.. instructions ->. http://css-tricks.com/html-for-icon-font-usage/

    Thanks,

    Nick

    #118835

    1) Man muss ein Mega Menu mit 3 Ebenen bauen:

    Die erste Ebene ist der “Hauptmenü” Link – in diesem Fall “Pages”. Die zweite Ebene bildet die Spalte und alle Elemente in der dritten Ebene werden Inhalt dieser Spalte verwendet. Wenn man die Checkbox anklickt wird der Text nicht verlinkt.

    2) Ich würde empfehlen den Text in ein span Tag zu schreiben und diesem Tag eine Schriftgröße zuzuweisen – zB:

    <span style="font-size:10px;">Mein Beschreibungstext...</span>

    10px kann durch jeden x-belieben Wert ersetzt werden und “Mein Beschreibungstext…” ersetze durch die Beschreibung.

    #118607

    Thanks for this…

    in regard to using a Flickr plugin I have used Slickr Flickr before so Ive set it up and have place some CSS to turn it into a 4 row by 3 thumbnails whiich appear in column 3 of my footer.

    In a previous theme I had help setting up some Java Script to enable me to get the thumbnails to glow on rollover. The theme had a similar CSS window in the theme styling as yours but also had a Java Script window where the script was placed. Where do I put this within Enfold? I assume its a PHP file? do I have to add anything to the code/format to make it work and where should it be placed?

    Cheers

    Here’s the code…….

    Query(‘.slickr-flickr-gallery ul li a’).hover(

    function()

    {

    jQuery(this).stop();

    jQuery(this).animate({‘opacity’:’0.75′}, 200 );

    },

    function()

    {

    jQuery(this).stop();

    jQuery(this).animate({‘opacity’:’10’}, 100 );

    });

    #114618

    I’m going to copy and paste what another member wrote:

    More flexible Icon-Box – means:

    1. allow the additional use of custom icons

    2. more styling options (background, font size ect…)

    Also:

    Posts: the ability to have the featured image used in the post-listing but hide it in the single-post view.

    Layout Builder: Why can’t we have access to the full shortcode editor inside text elements?

    Layout Builder: The ability to remove padding/margins from page elements

    ==========

    Simple request: I love the option for sidebar navigation (for nested subpages) but in a site with lot’s of pages (and nested pages) that link across one another, it can get confusing. To aid the user in navigation please can you add the name of the parent page as a header to the nested subpage navigation?

    #23235
    taliwalt
    Participant

    I’m having a very difficult time with layer slider. My previews look great but when I insert the slider into my homepage the layers in the slider make up their own rules. Image layers are all crowded to the right before they animate in and text layers ignore their positioning and font size properties. So I tried using a different slider (Mega-Slider – pretty new one, just released on codecanyon) and I can’t get it to appear full width. From my fairly limited knowledge of css it appears that the page’s container is what is limiting its size.

    Please tell me what I can do to fix this, or if you have some explanation regarding layer slider’s wonkyness I’ll take that too!

    #118862

    In reply to: Font size questions

    Hi eswyt,

    You shouldn’t ever change any of the styles directly in the main theme css files. The best thing to do is target the slideshow specifically for that page/slideshow.

    If you can provide a link to the page, we can assist with the new css.

    Regards,

    Devin

    #118606

    Hi,

    I haven’t tried using Flickr plugin within the theme but there are lots of plugins available. To name a few

    http://wordpress.org/extend/plugins/awesome-flickr-gallery-plugin/

    http://wordpress.org/extend/plugins/slickr-flickr/

    http://wordpress.org/extend/plugins/flickr-api/

    You can change the widget title with this

    #footer .widgettitle {
    font-size: 21px;
    }

    And the content with these

    .widget {
    font-size: 14px;
    }

    .minitext {
    font-size: 14px;
    }

    Adjust the value.

    Regards,

    Ismael

    #23123
    andypeck
    Participant

    Hi there,

    Can you tell me how to change the size of the fonts in the Footer, namely the widget header titles and main content?

    Can you suggest an easy but flexible Flickr widget that I can use in the footer that will compliment the theme and not screw up everything. Ive tried a few and its just a mess.

    Cheers

    #23184

    Topic: Font size questions

    in forum Enfold
    eswyt
    Participant

    In the Easy Slider, I cannot figure out where in the style sheet to increase the size of the caption text. It’s way too small.

    For the main menu, bottom version, I cannot find where to change the font weight to not bold and the color to blue, not grey.

    Thank you for your help.

    #23095
    andypeck
    Participant

    Hi Nick (hope you pick this up)

    Here’s my original concept for my personal portfolio

    http://www.clipular.com/users/5811069/boards/concept-web-site—anypeck-01


    If we divide my design paged concept into parts –

    + the Logo part is sorted

    + the Slider is sorted

    + the services part (using entypo) is sorted

    MENU –

    + the highlight and font changes is sorted

    + there is a feint line that appears at the top of the menu which spans the entire width of the menu. Design-wise its only 1 pixel deep, is a light grey and is tucked under the orange 3px solid highlight line. it rests at the top and remains fixed with the highlight line moving along it. Obviously if I change the menu by adding or taking away pages then I want how far the line spans to change accordingly

    + whilst ive altered the text size and spacing between letters how do I alter the space between the actual page text elements (home, contact, portfolio etc…) therefore reducing the width of the overall menu. At the moment it feels far too spread out

    MAIN CONTENT

    + looking at the image – at the bottom of the page, below where it says RECENT POSTS ive created a decorative line that mimics the one above the menu. How could I recreate something like this without resorting to PNG files. Personally id like the thin grey line (not the chunky orange one) to be extendable to any width depending on its use or page layout

    As always

    BIG THANKS for such great support and im really starting to get to grips with the theme and CSS

    Cheers

    Andy

    #117564

    Hi,

    Use either clipular.com to send screenshots that you don’t need to alter. If you need to add something to screenshot, use https://chrome.google.com/webstore/detail/awesome-screenshot-captur/alelhddbbhepgpmgidjdcjakblofbmce for chrome. You can always add images and get a link on imgur.com

    In the video when I always paste the css in Dev Tools at the end of existing css, all under the ‘Sources” tab, what I am doing is making sure that the css actually works since by pasting there, I am adding my changed css at the end of the cascade. When you change things under the “”Elements”” tab, you are virtually changing the css but in the position it is normally located in the cascade.

    And no matter how well the Dev Tools have been written, there are situations where bad css and whatnot change things later in the cascade. Thus I don’t rely on my original changes in the ‘Elements”” tab and like to double check them before I paste and save the block of css into my site (or paste it here as an answer to a support request). Its a process of sculpting and tweaking the css to force it to obey.

    *Ok lets end this support request since I think with the video and code, this train of thought is complete and will perhaps help others. That other thing you ask about, please open a new ticket since that should have its own discussion, you can add ”nick” as a tag.

    Thanks,

    Nick

    #114612

    –– Feature Request: Disable breadcrumbs, not the entire header ––

    Hi,

    in the WP post/page editor, you can currently use the “Header Settings” under “Layout” to either enable or disable the header incl. the breadcrumbs.

    Please add an option to “Display the Header, don’t display the Breadcrumb Navigation”.

    Thanks,

    Andy

    ================

    I second the request from melonmelon:

    More flexible Icon-Box – means:

    1. allow the additional use of custom icons

    2. more styling options (background, font size ect…)

    Hi,

    1.) You can use this

    #top .main_menu .menu li {
    float: right;
    }

    2.) To make the header fixed, you use this

    #header {
    position: fixed;
    }

    #main {
    padding-top: 155px;
    }

    3.) You increase the icon size with this

    .social_bookmarks .avia-font-entypo-fontello {
    font-size: 16px;
    }

    Regards,

    Ismael

    #117563

    Great video Nick although you had me a bit lost in the middle but im deffo learning from you so thx.

    So tell me… how can I send you an image to explain this ‘feint line thing’?

    Cheers

    Andy

    #117562

    Done it! its getting easier.

    Thanks for the video too….

    Now all I need to do is explain how to actually create this 1px grey solid line that spans the entire menu (Home, Portfolio, Blog, Contact, About Me) and sits behind/at the top of the highlight line we’ve just moved up. I worked out how to make the highlight line 3px deep and adjusted its position

    Ill set up a dropdown menu and check that it all still works. I forgot to mention that my aim is to change the dropdown menu background colors and not change the text. Hence… ROLLDOWN – Background is black, ROLLOVER – Highlight background changes to a deep orange and theres a subtle text colour change too. Ill play around myself and see how I get on

    Is there a way for me to send you an image?

    Once ive done the menu ive pretty much got everything else within the theme as normal. I might want to create a giant slabtext on my home page only but thats it. Just so you know that I wont be sitting on your coat tails for the entire site!!!!!!

    Cheers

    as always

    #117561

    Hey,

    Here is dat video link (in Brooklyn accent) https://docs.google.com/file/d/0B8hqGBMSfHtKa1VmZVRPVU5ZS2s/edit?usp=sharing

    Video for Vimeo.. once I trim 8 minutes off it.

    Nick

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