Viewing 30 results - 13,321 through 13,350 (of 18,734 total)
  • Author
    Search Results
  • Hey!

    Add this to your custom CSS.

    #av_product_description h1, #av_product_description h1 p { font-size: 20px !important; }
    

    Best regards,
    Elliott

    • This reply was modified 10 years, 8 months ago by Elliott.
    #479745

    Hi Andy,

    where do I put the codes to control the font-size and height of captions you have given me?

    And what about the other issues I wrote about? Did anyone check the summary on the website yet?

    Thanks for your support.

    Best regards,

    G.

    #479673

    Hi! :)

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

    h1.ls-l {
        font-size: 34px!important;
    }

    Cheers!
    Yigit

    #479562
    senso
    Participant

    Hi,

    I’m trying to change the Magazine content element date to normal case. I understand the css to edit is in enfold/css/shortcodes.css
    .av-magazine-time, .av-magazine-author, .av-magazine-text-sep{font-size: 12px; text-transform: uppercase;}

    I understand I can override the style in enfold/css/custom.css

    I’m wondering is there a way to do it without editing the parent theme? I’m using a child theme. I’ve tried to override the style in enfold-child/style.css, enfold-child/css/custom.css and enfold-child/css/shortcodes.css but all to no avail.

    Thanks!

    • This topic was modified 10 years, 8 months ago by senso.
    #479454

    Hi!

    You have this code in the Quick CSS field:

    #top #wrap_all .av-main-nav ul > li:hover > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {
      color: #ffffff;
      background-color: #CC6600;
      border-color: #cc6600;
      font-size: 12px;
      line-height: 1em;
    }

    Remove the line-height property.

     line-height: 1em;
    

    Best regards,
    Ismael

    #479401
    thelistener
    Participant

    Hi there!
    First, I want to thank everyone on the Enfold dev and support team…this is one beautiful and very smooth theme! This is my first time it and am very impressed. I’ve tried searching for some of the answers to these questions/needs, but wasn’t able to pinpoint the answers as concretely as I hoped (I’m totally blaming myself here…I’m probably using the wrong queries). ANYWAYS, here’s the site I’m working on: Cardinal Circuit

    1. 1. How can I make the color of my link white only when the top bar is transparent like in the homepage (but not on the other pages)?
    2. 2. What’s better, using inline CSS to make the subheading on the homepage text white, or custom CSS (if the latter, what do I input)?
    3. 3. How do I make the transparent “Contact” button on the homepage solid red, have larger text, and appear without the underline?
    4. 4. The way my client organizes his machines is very interesting to say the least. Currently, he has feeds/pages organized by tags. How do I customize the title for each section and make it so the page have a more organized structure similar to the feed structure they have now (with the option to add a sidebar which the /dev/ page doesn’t have.)?
    5. 5. How can I change the menu font and size in the header?
    6. 6. When I checked on how the site looks on mobile, I noticed the background image I chose for the “Your Partner from Start to Finish” section was used for the entire site. How can I fix this: See screenshot?

    I’m very excited about using Enfold for the first time and am very thankful for your help and support!

    • This topic was modified 10 years, 8 months ago by thelistener. Reason: grammar
    #479389

    In reply to: Mobile Menu Position

    Hi!

    Please add following code to Quick CSS as well

    #advanced_menu_toggle { right: 5%; color: white; }
    #advanced_menu_toggle:after {
      content: 'Menu';
      font-size: 18px;
      position: relative;
      top: -4px;
      left: 5px;
      color: white;
    }

    Best regards,
    Yigit

    nonasnonas
    Participant

    Hi!
    One year ago or so I had from your support the following css to change the rightside menu color:

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

    body {
    font-size: 12px;
    }

    .widget_nav_menu .current_page_item a {
    color: coral !important;
    }
    .current-menu-ancestor a, .current-menu-item a {
    color: coral !important;
    }

    Everything works on the Italian version of the website (main) BUT on the English version of the website I can’t get the same.
    I get twice the first custom menu and doesn’t act according the CSS.
    Links of same page (IT/EN) so you can see the behaviour.
    How can I solve this ? thank you for help.

    Nona

    #479345

    In reply to: Transparent Header

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 479px) {
        #header_meta a {
            font-size: 14px;
        }
    }

    Cheers! 
    Josue

    #479161

    Ok thanks,

    I just had reset the font size somewhere else ..

    Regards

    #479148

    In reply to: Transparent Header

    Thanks again for your help. Only one small issue seems to be happening on the Home page when in Mobile view. Can likely be fixed by re-sizing the font size in mobile view (would like for it to stay the same size in PC view)

    Take a look here: http://obm.webjed.com/wp-content/uploads/2015/07/headernew.png

    The logo is covered up on the top. Likely do to the top menu converting to 2 lines. Can i reduce the font size and or padding of menu items to allow only one line, which may in turn make the logo viewable?

    Or can i just make it to where the slider has a larger height so the logo is viewable like the other pages?

    thanks

    #479147

    Hi norwestarch!

    It looks like you fixed the mobile menu issue.

    For the footer links it’s from some custom CSS your using but you can use this to override it.

    #footer a {
      font-weight: normal !important;
    }

    For the facebook widget I’m not sure if there is anything we can do there for you. The widget needs a minimum width and there just isn’t enough space there. We could set the column overflow to visible but then your paragraph text would be displayed on top of it and it would look even worse. If you’d like we can give you some CSS to hide it on that specific screen size.

    Best regards,
    Elliott

    Hey cidcreative!

    1. You can increase the body font size in Dashboard > Enfold > General Styling > Fonts.

    2. I see the copyright area on your site. Do you mean your trying to get rid of the footer? You can do so in Dashboard > Enfold > Footer.

    3. So your just trying to add a white border around the text correct? Add this to your custom CSS.

    span.avia_iconbox_title {
        border: 2px solid white;
        padding: 5px;
        border-radius: 2px;
    }

    Regards,
    Elliott

    #479074

    Hi neustifter!

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

    .recentcomments a, .widget_recent_entries li a {
        font-size: 13px;
    }
    .inner_sidebar {
        margin-left: 20px;
    }
    

    If that does not help, please post a screenshot and show the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Regards,
    Yigit

    #479051

    Shalom Jeff!

    1- Please add following code to Quick CSS

    ul.hebcal-results * {
        font-size: 10px!important;
    }

    To make Hebcal fullwidth, you are going to need to edit theme files and add it to theme files manually. Would you like to do so?
    2-

    is it possible to “clone” a page and than modify it ?

    You can save templates you have created using Avia Layout Builder and load them on other pages http://i.imgur.com/pkv1y7C.jpg
    3-

    can you advise how to create a simple shortcode ?

    You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
    You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
    then you can create any of them and copy/paste shortcode into any other content element or into text widget.

    Cheers!
    Yigit

    the font size of the text on the blue overlay

    #478905

    In reply to: Responsive Issues

    Hi!

    You can decrease the size of the button to prevent it from covering the slider navigation:

    @media only screen and (max-width: 989px) {
    #top .avia-slideshow-button {
      top: -10px;
      font-size: 11px;
      padding: 5px 10px;
    }}

    Cheers!
    Ismael

    cidcreative
    Participant

    Hi.

    I searched the threads and can’t find out how to make the body text larger. Don’t know what happened, but I lost my copyright area and I also cannot figure out how to get rid of the larger content area above the copyright footer.

    I alos want to make the full width button at the bottom look like the one on the original site. Shown in private content area.

    Thank you.

    • This topic was modified 10 years, 8 months ago by cidcreative. Reason: more issues

    Hey!

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

    .subtext {
        color: red;
        font-size: 20px;
    }

    Cheers!
    Yigit

    #478614

    Hi,

    Have you noticed any lower ranks? Again, these are automised test and can’t really compare to human interaction. We can help you out with your problems but we need more details:

    1 Viewport not configured 16 – No it’s not, Enfold is displayed at a 1:1 ratio, if you display content in a clear fashion there is no need to be able to zoom in.
    2 Small font size 16 – We need to know what areas of the site you want to increase the font size.
    3 Touch elements too close 16 – What elements are they and how much further apart do the need to be?
    4 Content not sized to viewport 8 – Can you see the content on your site? If you can, this is not true.

    Regards,
    Rikard

    #478576

    Hi Yigit

    it is not a slider image.
    is there a CSS setting or a setting to add within the single image short code?
    [av_one_full first][av_image src='[352 show=id]’ attachment='[352 show=id]’ attachment_size=’full’ align=’center’ animation=’pop-up’ styling=” hover=” link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’][/av_image][/av_one_full]
    Many thanks

    #478567

    Hi,

    If you reply to your own thread it will be sent to the back of our support queue, please refrain from doing this unless you think it’s very important for us being able to help you better.

    You can change font size etc for mobile but we would need to know what size to change it to? Also, you shouldn’t get too caught up on what reports like these say. If you find the usability good on your site, you don’t need to change anything.

    Regards,
    Rikard

    • This reply was modified 10 years, 8 months ago by Rikard.
    #478554

    Hi!

    This is the media query line:

    @media only screen and (max-device-width: 1024px) {
    
    }

    Please replace the code with this:

    @media only screen and (max-width: 1024px) {
    .main_color .av-inner-masonry-content {
      font-size: 12px;
      padding: 6px;
    }
    
    figcaption.av-inner-masonry-content.site-background {
    display: none;
    }
    }

    Cheers!
    Ismael

    #478450

    Hi Jan!

    Use this instead:

    @media only screen and (max-width: 479px) {
        .responsive #top .slideshow_caption h2 { font-size: 60px !important; }
        .responsive #top .slideshow_caption .avia-caption-content { font-size: 25px!important; }
        .responsive #top .avia-slideshow-button { font-size: 18px; }
    }

    Regards,
    Josue

    #478400

    Topic: Customise Widget Area

    in forum Enfold
    evdesignstudio
    Participant

    Hi. I would like to know how I could customise the appearance of widget areas…specifically the Events Calendar I have added on the page (under ‘WHAT….?’). As you see the title is not centred and I would possibly like to add a background colour to it, change font size & padding. Any help would be greatly appreciated. Thank you.

    #478279

    Hi Rikard

    I added the script and can now change the font size, thanks.
    For the misalignment, here is the screenshot:
    https://www.evernote.com/shard/s584/sh/0bb9403a-ed8f-424d-bdcd-d1fc47875272/7a14d0320719c24be0005b24df45a9e9

    As you can see 4 & 9 are not vertically aligned.
    Btw, still have an issue with the space between each row – Line height in the editor seems inactive

    Thanks

    #478173
    csmwebdesign
    Participant

    Hi, thanks for producing such a great theme. I’m trying to use custom CSS on a text box so that a custom font can be used. I’ve set up a child theme, and also enabled developer options so that I can chose a custom CSS class. I enter a custom class in this field, which is hp-maintext, however the Google Chrome developer tools still show that that the text box is using a <div class=”avia_textblock hp-maintext” itemprop=”text”>.

    Whatever changes I make to the hp-maintext are not picked up, it only seems to be looking for (and using) avia_textblock. Is there anyway to stop avia_textblock from being used? It is the H1 heading that I would like the font changing to, and am using the following code within style.css within the child theme:

    .hp-maintext .wpb_text_column h1{
    font-size:21px;
    font-family:MaduraiNormLight !important;
    font-weight:400;
    font-style:normal;
    margin-top:30px;
    }

    Many thanks for your help

    #478100

    Hey lionel!

    1. You can set the font size of Main Menu and Submenu links under Enfold–>Advanced Styling

    2. Please add the following to Quick CSS:

    .avia-menu-text, .mega_menu_title a {
    font-weight: normal !important;
    }

    3. I couldn’t see any misalignment, could you post a screenshot of the issue please?

    Cheers!
    Rikard

    • This reply was modified 10 years, 8 months ago by Rikard.
    jennifer
    Participant

    Hello,
    I’ve been able to customize the Masonry Gallery to have a transparent background with a centered, non-transparent title/caption using the following code:

    .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content {
    	background: rgba(255,255,255,0.0); !important;
    }
    .av-masonry-entry-content.entry-content {
    	font-size: 24px !important;
    	font-weight: bold !important;
    	text-align: center;
    	color: #FFF;	
    }
    .av-masonry-entry .avia-arrow { display: none; }
    

    I would like to achieve this same appearance and have the title/caption always visible rather than just appear on hover. (I tried to do this with the “Always Display” title/caption option in the settings, but it doesn’t work as the title/caption sits below the image, rather than on top).

    #478022

    I am getting the same message too.

    Google systems have tested 18 pages from your site and found that 89% of them have critical mobile usability errors. The errors on these 16 pages severely affect how mobile users are able to experience your website. These pages will not be seen as mobile-friendly by Google Search, and will therefore be displayed and ranked appropriately for smartphone users

    Usability error Pages with errors
    1 Viewport not configured 16
    2 Small font size 16
    3 Touch elements too close 16
    4 Content not sized to viewport 13

    Help!

Viewing 30 results - 13,321 through 13,350 (of 18,734 total)