Viewing 30 results - 15,991 through 16,020 (of 18,730 total)
  • Author
    Search Results
  • #299689

    Hey!

    1- Please change the code i posted here – https://kriesi.at/support/topic/search-box-in-mobile-responsive-menu/#post-299638 to following one

    @media only screen and (max-width: 990px) {
    li#menu-item-search>a { font-size: 24px!important; }
    nav.main_menu { float: right; margin-right: 15%; }}

    2-

    @media only screen and (max-width: 990px) and (min-width: 500px) {
    nav.main_menu { margin-right: 12% !important; }}

    You can simply adjust the value to place it perfectly :)

    Cheers!
    Yigit

    #299687

    Hi Yigit :),

    I did’nt understand the first one:

    1- Please change the code to following one

    @media only screen and (max-width: 990px) {
    li#menu-item-search>a { font-size: 24px!important; }}

    I already changed the size of the icon, and I want to keep that size. But, when you type something in the searchbox, the font you see in the dropdown box is as big (I think?) as the size of the icon. And I only want to change the font in the dropdown box, or is that not possible?

    2: Yes, it shows up on iPad!! :D But it needs to move a little to the right, also towards the hamburger menu? On smartphone everything is perfect aligned now, just not on iPad.

    Sincerely,
    Barb

    #299673
    SphereEvenements
    Participant

    Hi,
    For my special H1 heading, I’d like to have exactly the style of the special H3 heading. Like this (with same font-size, same inner-border, same margin between the title and the text) : http://kriesi.at/themes/enfold/pages/
    What can I do this please ?
    Thanks !
    Franck

    #299669

    In reply to: Div Classes

    This reply has been marked as private.
    #299668

    Hi!

    1- Please change the code to following one

    @media only screen and (max-width: 990px) {
    li#menu-item-search>a { font-size: 24px!important; }}

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .av_mobile_menu_tablet .main_menu { display: block; }}

    Best regards,
    Yigit

    #299652

    Hi!

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

    @media only screen and (max-width: 768px) {
    #main .course .sensei-course-meta .course-price, #main .course-container .sensei-course-meta .course-price { position: relative!important; }
    span.course-price span.amount { font-size: 14px; }}

    Regards,
    Yigit

    • This reply was modified 11 years, 7 months ago by Yigit.
    #299645

    In reply to: Div Classes

    Merhaba Yigit,

    I am in Turkey now (in Bodrum for Holiday) :) from Turkey can’t be open pastebin and other sites (komisch), I can copy here, it is OK?

    this work well

    .blockquote-gruen{
    border-style:dashed;
    border-top-width:3px;
    border-bottom-width:3px;
    border-color:#779909 !important;
    color: #d3d3d3;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:1em;
    margin-right:1em;
    font-size: 16px;
    text-align: center;
    line-height: 1.5em;
    }

    this not

    .blockquote-white{
    border-style:dashed;
    border-top-width:3px;
    border-bottom-width:3px;
    border-color:#fcfcfc !important;
    color: #f2f2f2;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:1em;
    margin-right:1em;
    font-size: 16px;
    text-align: center;
    line-height: 1.5em;
    }

    Both are same codes, I only copied and pasted :S

    Thank you very much for your quick reply,

    Erdogan

    #299638

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 990px) {
    li#menu-item-search a { font-size: 24px!important; }
    nav.main_menu { float: right; margin-right: 15%; }}

    Regards,
    Yigit

    #299621

    In reply to: Tab Color change

    Hi!

    Please add following code to Quick CSS as well

    .tab {
    color: red!important;
    font-size: 16px!important;
    }

    Cheers!
    Yigit

    WalstonNet
    Participant

    Ok so I’m working on my site & I am trying to change the footer font color white, but it will not let me change it to white. I can change it to any other color, but not white. Has anyone seen this & if so is there a workaround or something? Is it possible some of my previous quick css’s have messed with it? Screenshots & all custom css’s below. Help? Thanks!


    And here is my quick css:

    @font-face {
        font-family: 'amaranthbold';
        src: url('amaranth-bold-webfont.eot');
        src: url('amaranth-bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('amaranth-bold-webfont.woff') format('woff'),
             url('amaranth-bold-webfont.ttf') format('truetype'),
             url('amaranth-bold-webfont.svg#amaranthregular') format('svg');
        font-weight: normal;
        font-style: normal;
    
        font-family: 'amaranthbolditalic';
        src: url('amaranth-bolditalic-webfont.eot');
        src: url('amaranth-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('amaranth-bolditalic-webfont.woff') format('woff'),
             url('amaranth-bolditalic-webfont.ttf') format('truetype'),
             url('amaranth-bolditalic-webfont.svg#amaranthregular') format('svg');
        font-weight: normal;
        font-style: normal;
    
        font-family: 'amaranthitalic';
        src: url('amaranth-italic-webfont.eot');
        src: url('amaranth-italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('amaranth-italic-webfont.woff') format('woff'),
             url('amaranth-italic-webfont.ttf') format('truetype'),
             url('amaranth-italic-webfont.svg#amaranthregular') format('svg');
        font-weight: normal;
        font-style: normal;
    
        font-family: 'amaranthregular';
        src: url('amaranth-regular-webfont.eot');
        src: url('amaranth-regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('amaranth-regular-webfont.woff') format('woff'),
             url('amaranth-regular-webfont.ttf') format('truetype'),
             url('amaranth-regular-webfont.svg#amaranthregular') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    .logo a {
    height: 156px;
    }
    
    .logo {
    width: 476px;
    height: 156px;
    }
    
    .fixed_header #header {
    position: fixed;
    height: 156px;
    }
    
    #header_main {
    border: none;
    }
    
    .title_container {
    display: none;
    }
    
    h1, h2, h3 {
    text-transform: none !important;
    }
    
    body {
    font-size: 16px;
    }
    
    #socket {
    font-size: 14px; }
    
    .main_menu ul:first-child > li > a { font-size: 13px; }
    
    #footer .widgettitle {
    font-size: 25px;
    }
    
    @media only screen and (min-width: 1340px) {
    .responsive_large .container {
    width: 1210px;
    }
    }
    
    @media only screen and (min-width: 1140px) {
    .responsive .container {
    width: 1030px;
    }
    }
    
    @media only screen and (max-width: 767px) {
    .responsive .container {
    width: 268px;
    margin: 0 auto;
    }
    }
    
    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .responsive .container {
    width: 428px;
    margin: 0 auto;
    }
    }
    
    #top .main_menu .menu li ul ul {
    left: 207px; }
    #299497

    In reply to: Tab Color change

    I figured all out.but one…

    How to Change Tab Title color ant its font-color and size

    • This reply was modified 11 years, 7 months ago by Rhoody.

    Hi j1980mac!

    You can target the author pages by adding the archive.author classes to the #top id in your css selectors. For example:

    
    #top.author.archive .fullsize .template-blog .post-title {
    font-size: 50px;
    padding-bottom: 2%;
    }
    

    Cheers!
    Devin

    #299469

    Topic: Codeblock problems

    in forum Enfold
    slimmer1
    Participant

    Hello,
    First: is there away to create an infobox without showing the icon? – I like the design of the infobox with the top icon, (the white box) I just want to remove the icon and circle. Another question: I have created my own infobox in css. I want to display it in a codeblock, but when I’m adding the code it won’t show correctly in the Enfold theme.
    I want to add this code to the codeblock:
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”&gt;
    <html xmlns=”http://www.w3.org/1999/xhtml”&gt;
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
    <title></title>
    <style media=”screen” type=”text/css”>

    /* Reset */
    html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, font, img, ul, li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }

    :focus {
    outline: 0;
    }
    /* // Reset */

    body {
    background: url(bck.jpg); /* image for body made with Photoshop using noise filter (gaussian monochromatic) on #ccc */
    font-family: Georgia, Verdana, “Lucida Sans Unicode”, sans-serif;
    font-size: 12px;
    color: #999;
    }

    h2 {
    font-style: italic;
    font-weight: normal;
    line-height: 1.2em;
    }

    div#container {
    margin: 50px auto 0px auto; /* centered */
    width: 400px;
    }

    .menu {
    position: relative;
    top:3px;
    left: 50px;
    z-index: 80; /* the stack order: displayed under bubble (90) */
    }

    .menu ul li {
    -webkit-transform: rotate(-45deg); /* rotate the list item */
    -moz-transform: rotate(-45deg); /* rotate the list item */
    width: 50px;
    overflow: hidden;
    margin: 10px 0px;
    padding: 5px 5px 5px 18px;
    float: left;
    background: #7f9db9;
    text-align: right;
    }

    .menu ul li a {
    color: #fff;
    text-decoration: none;
    display:block;
    }

    .menu ul li.l1 {
    background: rgba(131,178,51,0.65);
    }

    .menu ul li.l1:hover {
    background: rgb(131,178,51);
    }

    .menu ul li.l2 {
    background: rgba(196,89,30,0.65);
    }

    .menu ul li.l2:hover {
    background: rgb(196,89,30);
    }

    .menu ul li.l3 {
    background: rgba(65,117,160,0.65);
    }

    .menu ul li.l3:hover {
    background: rgb(65,117,160);
    }

    .menu span {
    margin: 15px 80px 0px 0px;
    float:right;
    }

    .bubble {
    clear: both;
    margin: 0px auto;
    width: 350px;
    background: #fff;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    position: relative;
    z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
    }

    .rectangle {
    background: #7f9db9;
    height: 50px;
    width: 380px;
    position: relative;
    left:-15px;
    top: 30px;
    float: left;
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    z-index: 100; /* the stack order: foreground */
    }

    .rectangle h2 {
    font-size: 30px;
    color: #fff;
    padding-top: 6px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    text-align: center;
    }

    .triangle-l {
    border-color: transparent #7d90a3 transparent transparent;
    border-style:solid;
    border-width:15px;
    height:0px;
    width:0px;
    position: relative;
    left: -30px;
    top: 65px;
    z-index: -1; /* displayed under bubble */
    }

    .triangle-r {
    border-color: transparent transparent transparent #7d90a3;
    border-style:solid;
    border-width:15px;
    height:0px;
    width:0px;
    position: relative;
    left: 350px;
    top: 35px;
    z-index: -1; /* displayed under bubble */
    }

    .info {
    padding: 60px 25px 35px 25px;
    }

    .info h2 {
    font-size: 18px;
    font-style: normal;
    }

    .info p {
    padding-top: 10px;
    font-size: 14px;
    line-height: 22px;
    }

    .info p a {
    color: #c4591e;
    text-decoration: none;
    }

    .info p a:hover {
    text-decoration: underline;
    }

    </style>
    </head>
    <body>
    <div id=”container”>
    <div class=”bubble”>
    <div class=”rectangle”><h2>Worried?</h2></div>
    <div class=”triangle-l”></div>
    <div class=”triangle-r”></div>
    <div class=”info”>
    <h2>If you’re convicted of a crime, there can be devastating consequences.</h2>
    <p>
    [Read more]
    </p>
    </div>
    </div>

    </div>

    </body>
    </html>

    #299417

    Topic: formatting

    in forum Enfold

    Hi Team,

    I have an urgent request. I am trying to launch a product but struggling with formatting issues. I’ve emailed a few times but can’t seem to get a response so I figured I would put it in a seperate email. I am desperate for help, please.

    The page I am having issues with is – http://papernapkinmarketing.com/the-bodybuilding-camp. I would like the page to match the formatting on the following page – http://papernapkinmarketing.com/the-bodybuilding-camp.

    The items that I need helping updating so it’s a match are:

    #1 – The headings the same size and without the white line next to the heading
    #2 – The font below the heading.
    #3 – Adding the light black box behind the words
    #4 – Having the text (heading and text below) within the left and right side

    I am desperate for help asap.

    #299350

    Topic: UGLY HEADINGS

    in forum Enfold
    nnn666nnn
    Participant

    Hi,

    Thanks again for all the super efficient support from Kriesi’s team !

    Another problem :
    The font in the headings looks heavily pixelated all the time, whatever the font I use, the screen size, the browser. I tested that on PC, smartphones, and tablets : same thing.
    Is there anything that I could do ( WP plugin, or something to add in the CSS ) to correct that or at least “smoothen ” the font shapes a little bit ?
    What should I do or where should I go if, as the last solution, I want to use a default font ( Arial, Verdana, etc… ) for my headings ?

    thanks for your help.

    #299344

    Hey Slade!

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

    #top #menu-item-search.menu-item-search-dropdown>a {
    font-size: 12px;
    }

    Cheers!
    Yigit

    #299335

    In reply to: Header Questions…

    Hey TheodoraPhotography!

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

    #top .social_bookmarks li a { font-size: 17px; }
    div#header_main .container { width: 800px; }

    You can go to Enfold theme options > Header Layout > Header Size = Custom pixel value and increase the height of your header. If any of these not work, please post the link to your website

    Best regards,
    Yigit

    #299294

    In reply to: Heading is too bold

    Hey gdwarren!

    You must add the 100 font size to the google font stylesheet. Add this code to the very bottom of the enfold or child theme functions.php file:

    
    add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
    add_filter( 'avf_google_content_font',  'avia_add_heading_font');
    function avia_add_heading_font($fonts)
    {
    $fonts['Lato'] = 'Lato:100,300,400,700';
    return $fonts;
    }
    

    Then go to Enfold > Theme Options and re-save the options. Afterwards Enfold should load the 100,300,400,700 font files from google.

    Cheers!
    Peter

    #299222

    Add this too:

    .header-scrolled .logo a{
        font-size: 14px;
    }

    Cheers!
    Josue

    #299057

    Hey nzjosh!

    Thank you for using the theme.

    1.)

    2.) Add this on Quick CSS or custom.css:

    span.post-meta-infos {
    display: none;
    }

    3.) Use this for the blog title:

    #top .flex_column .template-blog .post-title {
    font-size: 30px;
    }

    4.) You need to add featured images on the posts.

    5.) Please edit the home page then configure the Blog Posts element. Set the Blog Content length to show the Full Content. Unfortunately, you can’t add side arrows but you can enable the pagination.

    Cheers!
    Ismael

    #299040

    In reply to: Form

    Hi Ismeal –

    Thank you. A few more quick questions (on the following page http://papernapkinmarketing.com/the-bodybuilding-camp)

    #2 – It removed the line next to the heading. However, the heading (such as YOGA AND MEDIATION, TEAM ACTIVITIES, EXCURSIONS–all the sections right justified) are now hanging out in the middle instead of being on the right side of the page. Is there a way to fix that?

    #3 – I added the CSS but it didn’t change the format (font / size) under the headings on the page. I am hoping to have the text be the same as the text under the headings on the following page – http://papernapkinmarketing.com/dental

    #299025

    In reply to: Form

    Hi!

    Sorry for the delay.

    2.) Add this on Quick CSS or custom.css to remove the border:

    .special-heading-border {
    display: none;
    }

    3.) Use this for the H2 headings:

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 34px;
    line-height: 1.1em;
    }

    4.) Contact form at the bottom of the page shows fine when I checked it.

    Regards,
    Ismael

    #299009

    In reply to: Issues with menu

    Found a YouTube video for number 3 and partially resolved number 2, although I would greatly appreciate how to make the submenu look like the main header menu. The font and vertical size of the submenu is much larger than the main menu, which just looks off.

    Thanks for your help. Cheers.

    #298953

    In reply to: Custom fonts body

    Hey!

    Try adding this code to the Quick CSS:

    body{
    font-size: 12px !important;
    }

    Cheers! 
    Josue

    #298842

    Hi Eleina_Shinn!

    Instead of text on a banner, you can add text layer to your layer slider and using custom CSS code, you can increase the font size on smaller screens. When i check your website on different browsers and different screensizes, i could not see a responsiveness issue.

    Cheers!
    Yigit

    #298710
    nzjosh
    Participant

    Hi,

    Calling out for the awesome helpers I see on these forums, you do great work. And now I need you too!

    My website http://www.angles.co.nz is coming along nice and clean but some things I need help with, to:

    1. Make the header border (thick black line) 1210px wide rather than full screen
    2. Get rid of the ‘comments’ and ‘categories’ meta breadcrumbs under the post title? Changing the blog settings only works for when you click into the blog post page, but doesn’t work on the home page which is static with the blog embedded.
    3. Change font sizes (header/blog post title on home page). CSS that I found on the forums didn’t have any effect.
    4. Have an image thumbnail appear next to ‘Recent Posts’ on the home page of the first image in that post?
    5. Last but not least, rather than being able to click into a blog post’s page, I’d like to have all blog posts to appear only on the home page, not go into it’s own page. And can the side arrows show on the home page?

    Thanks heaps guys! any help is much appreciated.

    Josh

    • This topic was modified 11 years, 7 months ago by nzjosh.
    #298422

    I added this and it seemed to work…

    .entry-content p, .entry-content li {
    font: 15px/1.7em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
    -webkit-text-size-adjust: 100%;
    }
    #298409
    grwebs
    Participant

    Hi I would like to have 2 font sizes in the pricing table – price row

    I would like $30 big but the word Annually smaller.. how can I do this?

    thank you!

    #298306

    Hi Emmanuelppp!

    Please try using following code to Quick CSS in Enfold theme options under General Styling tab adjust as needed

    .single h1 { font-size: 20px !important; }
    .single h2 { font-size: 18px !important; }

    Cheers!
    Yigit

    #298140
    boag
    Participant

    http://www.theattractiveman.com/

    Notice how the bulleted list is a different size and font. How can I make it the same as the main text?

    Thanks

Viewing 30 results - 15,991 through 16,020 (of 18,730 total)