Viewing 30 results - 13,381 through 13,410 (of 18,734 total)
  • Author
    Search Results
  • #476695

    Hi!

    Please add the below css to your custom css section:

    #top .fullsize .template-blog .post .entry-content-wrapper {
      text-align: justify;
      font-size: 15px;
      line-height: 25px;
      max-width: 800px;
      margin: 0 auto;
      overflow: visible;
      margin-top: -60px !important;
    }

    Best regards,
    Dake

    Thanks for the reply.

    1) I would prefer to adjust the margins/font size, However, in case that doesn’t end up looking good, I would also be interested in knowing the option for switching to the mobile version too. That way I can try both out to see which option looks best.

    2) I tried using the code that you provided in quick CSS (and altered the line height), but it didn’t change anything. I’m providing my login info in the Private Content area in case you want to try yourself.

    Thank you.

    #476576

    Hi Monique!

    it looks good to me. However, to change font-size for table use this code in Quick CSS field:

    @media only screen and (max-device-width: 1024px) {
    .avia-testimonial-content {
    font-size: 9px;
    }
    .avia-testimonial-meta-mini {
    font-size: 9px;
    }}
    

    Best regards,
    Andy

    #476574

    Hey Monique!

    try this code:

    @media only screen and (max-device-width: 320px) {
    a#av-masonry-1-item-101 {
    padding: 27px; 
    }}
    

    for your blog:

    @media only screen and (max-device-width: 320px) {
    a#av-masonry-1-item-101 {
    font-size: 9px;
    padding: 115px;
    }
    h3.av-masonry-entry-title.entry-title {
    font-size: 9px;
    margin-top: -26px;
    top: 13px !important;
    position: relative;
    }
    a#av-masonry-1-item-104 {
    padding: 115px;
    font-size: 9px;
    top: 235px !important;
    }
    .av-large-gap.av-masonry {
    padding-bottom: 245px;
    }
    }
    

    Best regards,
    Andy

    #476536

    Hi!

    try this code for the hot spot section:

    @media only screen and (min-device-width: 768px) and (max-device-width: 1386px) {
    .avia-tooltip.avia-tt.av-tt-xlarge-width.av-tt-pos-right.av-tt-align-top.av-mobile-fallback-active.av-permanent-tooltip-single.transparent_dark.av-tt-hotspot {
    padding: 3px !important;
    font-size: 10px;
    }}
    

    and adjust as needed.

    Cheers!
    Andy

    #476499

    In reply to: Website Hacked

    Hi!

    1.) you can adjust font-size for your menu in Enfold->Advances layout

    2.) images are showing up fine for me. Could you fix it? please clear browser cache and hard refresh a few times.

    3.) you mean this?

    It’s showing fine for me. Please clear browser cache.

    4.) Clear browser cache.

    You can install the plugin Yigit mentioned or any other WordPress security Plugin out there.
    Let us know if you have any questions or issues directly related to our theme.

    Regards,
    Andy

    #476402

    Hi Rikard,

    There is nothing to see as I have them hidden. It is probably just the font size and spacing. What would be the css to reduce them to normal paragraph font and small padding.

    Many thanks

    Rob

    #476254

    In reply to: Menu & Logo overlap

    Hey ind-image!

    You actually have a few options you can choose to follow through with.

    – Would you like it to switch to the mobile menu once it gets down to 990px size screens (using a media query)?

    – Or would you prefer to adjust the margins/font size between each menu item?

    Cheers!
    Dake

    Hey ACNLatitudes!

    1) You have a couple methods of resolving this issue.

    – Would you like it to switch to the mobile menu once it gets down to a certain screen size (using a media query)?

    – Or would you prefer to adjust the margins/font size for each menu item?

    You can use the below css to adjust the line-height for the title on certain screen sizes:

    @media only screen and (min-width: 768px) {
    #top #wrap_all .alternate_color h1 {
      line-height: 1.2em !important;
    }
    }

    You can adjust the line-height and minimum device screen size to your liking.

    Regards,
    Dake

    Hi maschera!

    First off do this, http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/.

    Next copy this into the debug area of the layout builder and save.

    [av_section color='alternate_color' custom_bg='' src='' position='top left' repeat='no-repeat' attach='scroll' padding='large' shadow='shadow']
    [av_one_half first]
    
    [av_textblock]
    <h2 style="text-align: right;">About Us</h2>
    [/av_textblock]
    
    [av_hr class='short' height='70' position='right']
    
    [av_textblock]
    <p style="text-align: right;">Lorem ipsum dolor sit amet, consectetuer <strong>adipiscing elit</strong>. Aenean commodo ligula eget dolor. Aenean massa.</p>
    <p style="text-align: right;">Nulla consequat massa quis enim.
    Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
    Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
    Aenean <strong style="text-align: right;">vulputate</strong> eleifend tellus.
    [/av_textblock]
    
    [av_hr class='short' height='70' position='right']
    
    [av_button label='Check out our Team' link='page,1212' link_target='' color='theme-color-subtle' custom_bg='#444444' custom_font='#ffffff' size='large' position='right' icon_select='yes' icon='14']
    
    [/av_one_half][av_one_half]
    
    [av_iconlist position='left']
    [av_iconlist_item title='Crafted with love' icon='43']
    Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in.
    [/av_iconlist_item]
    [av_iconlist_item title='Melodical by nature' icon='51']
    Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.
    [/av_iconlist_item]
    [av_iconlist_item title='Lightning Fast' icon='64']
    Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.
    [/av_iconlist_item]
    [av_iconlist_item title='Freaky Flags' icon='41']
    Nullam quis ante. Etiam sit <strong>amet orci eget</strong> eros faucibus tincidunt. Donec vitae sapien ut libero venenatis faucibus.
    [/av_iconlist_item]
    [/av_iconlist]
    
    [/av_one_half]
    [/av_section]
    
    [av_section color='alternate_color' custom_bg='' src='' position='top left' repeat='no-repeat' attach='scroll' padding='large' shadow='shadow']
    [av_textblock]
    <h2 style="text-align: center;">What others say about us</h2>
    [/av_textblock]
    
    [av_hr class='short' height='50' position='center']
    
    [av_testimonials style='grid' columns='2' interval='5']
    [av_testimonial_single src='1460' name='Martha M. Masters' subtitle='Marketing' link='http://www.wikipedia.com' linktext='WikiTravel']
    Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
    [/av_testimonial_single]
    [av_testimonial_single src='1454' name='Anna Vandana' subtitle='CEO' link='http://www.wikipedia.com' linktext='Media Wiki']
    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
    [/av_testimonial_single]
    [av_testimonial_single src='1450' name='Maxi Milli' subtitle='Public Relations' link='http://www.wikipedia.com' linktext='Max Mobilcom']
    Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
    [/av_testimonial_single]
    [av_testimonial_single src='1456' name='Dr. Dosist' subtitle='Dean of Medicine' link='http://www.wikipedia.com' linktext='Doom Inc']
    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
    [/av_testimonial_single]
    [/av_testimonials]
    [/av_section]
    

    Regards,
    Elliott

    #475866

    Here is all the blog related css that was added:

    #top .fullsize .template-blog .post-title {
    text-align: left;
    }
    .flex_column .template-blog .post .entry-content-wrapper {
    font-size: inherit !important;
    }

    #top .fullsize .template-blog .blog-meta {
    float: left;
    margin-right: 40px;
    display: block;
    position: initial;
    width: 81px;
    }

    #top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: inherit;
    }

    #top .fullsize .template-blog .post-title {
    padding: 0;
    }

    #top h2 a{
    font-weight:300;
    color:#f69322;
    }

    #475557

    In reply to: Topbar Widget

    Thank you.

    I actually found a solution to my problem and shared it here for others in case they are having the same issue with trying ot find a font resizer:

    https://kriesi.at/support/topic/font-resizer-solution-shared/

    Hopefully it helps others looking for a font resizer.

    Thanks.

    #475545
    Micheal0424
    Participant

    I looked high and low trying to find a font resizer that worked and one I could make work without a lot of major coding on my part. I figured I would share it here n case it could help others looking for the same.

    I looked all over Google and here as well. I finally found a plugin that worked and an easy way to make it work with Enfold, here is what I did:

    1. I installed the free version to test it. https://wordpress.org/plugins/zoom-widget/

    2. Installed it and Enfold > Header > Extra Elements > Header Phone Number/Extra Info > Display in top bar at the right

    3. Placed this: [Web-Dorado_Zoom] in Phone Number or small info text

    4. Went to plugin settings and played with it to see that it worked on my website.

    5. Went to there website and purchased the full version for $20: https://web-dorado.com/products/wordpress-zoom.html

    6. Went back to the settings of the plugin and adjusted it how I wanted it (free version limits you on settings).

    This plugin works great and is worth the $20 simply because I don’t have to deal with this anymore. it is a good plugin, I just wanted something to do the job and it does.

    Hopefully this helps somebody looking for a font resizer.

    Special thanks to Josue for mentioning the plugin here:

    https://kriesi.at/support/topic/viewer-controls-text-size/

    #475530

    In reply to: Topbar Widget

    I am having the same issue. I installed the header widget and would like for it to be above the small bar above main menu but it has ended up well below that area.

    I followed these instructions:

    http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    I used the CSS as well and tried to play with the settings to get the font-resizer where I need it but it won’t come close.

    Is there some css that will get the header widget to be at the very top, above the small bar above the main menu. Or in my case above the header/logo area since I am not using the small bar above the menu.

    Thank you.

    Micheal0424
    Participant

    Main navigation area larger.

    I made the fonts larger and now I can’t figure out how to make the general space they are in larger.

    I can get it larger by adding this code but then the area above it gets affected, the logo is smaller and I lose the margins:

    #header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
    height: 75px !important;
    line-height: 75px !important;
    max-height: none !important;
    }

    I like how the navigation menu looks though when I use the code, I just don’t like how it messes up the rest of the area.

    ALSO:

    I would like the blue that is the background for the menu items to go all the way across, 100% of the width of the menu.

    I have the header Size set to large in Enfold and used the following code in the area to make the existing changes:

    .html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    }

    #top .social_bookmarks {
    height: 50px;
    }

    #top .social_bookmarks li {

    width: 50px;
    }

    #top .social_bookmarks li a {
    font-size: 30px;
    line-height: 50px;
    min-height: 50px;
    text-align: center;
    width: 50px;
    }

    I am stuck at this point and can’t figure out how to get any further.

    Thank you for your help.

    Recap:

    I want the blue navigation bar to be larger and to be blue 100% of the bar width.

    Thanks.

    • This topic was modified 10 years, 8 months ago by Micheal0424.
    #475347

    In reply to: Topbar Widget

    Hey CMCEquipment!

    I’m not sure what you mean by that, I can see that you’ve added the widget to the header but I’m not sure what that font resizer plugin is supposed to do there?

    Best regards,
    Rikard

    #475197
    iveyeng
    Participant

    Hello,

    Was wondering how I can change the container width for only blog entry posts so I can accommodate the floating social bar on the left. See this page http://www.iveyengineering.com/simple-tips-make-home-green/. I would like to keep the sidebar the same width as you see it.

    Also, could you provide the quick CSS code so I can change the color and font size of the blog headlines (not page headlines). Thanks!

    Lisa

    #474906

    Hey Athen!

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

    @media only screen and (max-width: 480px) {
    h1 {
      font-size: 32px!important;
    }}

    Cheers!
    Yigit

    #474803
    Athen
    Participant

    Hello,

    I’ve used rather large font-size in my theme, set via “advanced styling” dasboard. Now, the large fonts will not resize on mobile etc. resulting in text getting cut, how to fix? :)

    #474677

    Total reasonable Rikard – I uploaded something onto one of the servers for you to take a look at it.

    I have a couple more requests now that I’ve seen it on my mobile phone too, so I’ll just ask the questions again but with corresponding sections (all front page).

    1) av_section_6: In the top iconbox on the left, I wanted to center the content text underneath the icon and title – but with the current left alignment on the bullet points.

    2) av_section_4: To the left of each “more details” links, I wanted to put a similar font sized icon pointing towards it – center and middle aligned with the text. I’ve tried a multitude of different things but no dice. (e.g. shown here.

    3) av_section 5: Wondering how I would change the padding (top and bottom of testimonials and button or color section itself) but on mobile sites only.

    4) Main loading screen: On mobile site, how can I have transparent header with logo, no social media bar above and have the whole image show up on load? At the moment, the bottom 1/5 of the full-width images cut off (due to the header?) and you can’t see one of the headlines without scrolling down. Having the possibility of a slim, fixed header after scrolling down would be nice too but not necessary!

    Great theme btw! I’ve had so much fun setting things up thus far and you guys have awesome community support.

    Thanks so much and look forward to hearing back from you.

    #474381
    charlotteraboff
    Participant

    Hi,

    I get this error when I try to update Enfold on http://www.santamonicahotelbooking.com
    What do you think is wrong? I have added a login for you.

    Thanks
    Charlotte

    Downloading update from https://s3.amazonaws.com/marketplace-downloads.envato.com/files/140862862/enfold.zip?AWSAccessKeyId=AKIAJYG5ROGJ6X7Z3M6Q&Expires=1437053983&Signature=cj%2FOKMCR7A3KbkmC2PkQqNaFgZY%3D&response-content-disposition=attachment%3B+filename%3Dthemeforest-4519990-enfold-responsive-multipurpose-theme-wordpress_theme.zip…
    Unpacking the update…
    Installing the latest version…
    Removing the old version of the theme…
    Theme update failed.

    Attention: We detected some custom styling rules in your custom.css file but could not restore it. Please open the file yourself and add the following content:
    /* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

    /* General Custom CSS */

    /*
    Desktop Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

    @media only screen and (min-width: 768px) {
    /* Add your Desktop Styles here */

    }

    /*
    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: 767px) {
    /* Add your Mobile Styles here */

    }

    .av-inner-masonry, .av-inner-masonry * {
    transform: none !important;
    transition: none 0s ease 0s !important;
    }
    .av-masonry-date { display: none !important; }

    #top .social_bookmarks {
    font-size: 17px !important;
    }
    #main {
    font-size: 14px !important;
    }

    Hey corixus!

    Thank you for using Enfold.

    You can decrease the font size on smaller screens:

    @media only screen and (max-width: 480px) {
    .av-inherit-size .av-special-heading-tag {
      font-size: .5em;
    }}

    Regards,
    Ismael

    #474259

    In reply to: Social Media Icon size

    Hey mattb1169!

    Thank you for using Enfold.

    You can use this css code to adjust the size of the social icons:

    #top .social_bookmarks li a {
      width: 30px;
      line-height: 30px;
      min-height: 30px;
      height: 100%;
      font-size: 15px;
    }

    Adjust the values.

    Regards,
    Ismael

    Hi asiabchk!

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

    @media only screen and (max-width: 480px) {
    .av-special-heading-tag {
      font-size: 24px !important;
    }}

    Regards,
    Yigit

    #474110

    Hi!

    I adjusted the code to this:

    @media only screen and (min-width: 768px) and (max-width: 990px) {
    span.avia-menu-text{
      font-size: 85% !important;
    }
    }

    It doesn’t overlap anymore.

    Best regards,
    Rikard

    Hello,

    That would be great. Examples would be so helpful.

    Here’s what I’d like:

    font-size: 15px; color: #454545 (this for text through the site: blog, content on every page).

    And I’d like the title of posts to be #454545.

    That’s all folks!

    Many thanks!!

    Miguel

    Hey Mkieling,

    It seems that their may be a conflict with the below css in your custom css section:

    body, p { font-size: 15px; color: #454545; }
    
    h2.post-title { line-height:32px!Important; }
    
    .main_color h2 {
    color: #85370c;
    }

    You can add the changes to your custom css section since you have already started styling your fonts from their.

    If you tell us exactly what you’d like to edit about each entry, we can provide you with examples.

    Best regards,
    Dake

    Thank you for your help Dake.

    I am not able to get this to work. I set the masonry grid tool to as you specified and added this code to quick css:

    .av-fixed-size .av-masonry-outerimage-container:hover {
      position: absolute;
      background-color: #509DE1;
      opacity: 0.5;
    }
    
    .av-masonry-entry .av-masonry-entry-title {
      line-height: 1.3em;
      margin: 0;
      font-size: 50px;
      color: #fff;
    }
    
    .main_color .container .av-inner-masonry-content {
    background-color: transparent;
    }

    The Masonry Gallery does not change, still a flip up white section with caption. The Masonry tool from the Content section has the same flip up white with not text.

    Thoughts?

    #473857

    Hey Oversberg!

    Um den “Lassen Sie eine Antwort” text können Sie die folgenden CSS in der benutzerdefinierten CSS-Abschnitt Ihrer Thema Optionen als Beispiel Stil:

    .miniheading {
      font-weight: normal !important;
      font-size: 12px !important;
    }

    Freundliche Grüße,
    Dake

    #473812
    AnnemarieDoolin
    Participant

    Hi Genius’, the Events Calendar monthly overview uses h3 from the main theme but I need to give it an individual font size smaller. I’ve bugged the css style which is…

    #top #wrap_all .main_color h3 {
    font-size: 20px;
    }
    Could you tell me what I would add to the quick style css so the calendar has its own h3 with font-size: 12px? Thanks a million!

Viewing 30 results - 13,381 through 13,410 (of 18,734 total)