Viewing 30 results - 93,871 through 93,900 (of 142,823 total)
  • Author
    Search Results
  • #651991
    SimonPL
    Participant

    Hi,

    I need to change padding-top:119px to padding-top:100px in #main (http://prntscr.com/bjg3co) because I have some space between header and main web.

    Funny thing is that in Firefox everything is OK but in Chrome and Safari it is not.

    I’ve added

    .html_header_top.html_header_topbar_active.html_header_sticky #top #main{
    	padding-top: 100px !important;
    }

    no change.

    at first, Yigit solve my problem: https://kriesi.at/support/topic/enfold-theme-in-lates-version-text-editor-bug/#post-650893
    at second, why do you think that i need help to Update WP or upload over FTP?
    FTP is not secure! If you check my private Data you will see that the theme is installed and that you have an SFTP-Account for the webspace.
    WP 4.5 is choosen because this version are called stable here: http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990

    But thank you for you ‘try to help’ ;)

    This problem is solved by Yigit – also Thanks dear Enfold Team

    #651988
    hacart
    Participant

    Hi Guys!

    Thanks for the diligent replies. I was checking a couple of sites with looping videos as opening, which give you the option to stop them by a simple click and restart them the same way. Is there any possibility to achieve this on Enfold’s background videos, please?

    Regards,

    hacart

    #651986
    sarutty
    Participant

    Hi Enfold team,
    I want the Full width submenu the be sticky as on the desktop screen.
    How to do that ?

    #651982

    Hey Jordan!

    It worked magically, although I finally had to insert two different codes to make the icons BLACK on normal state and BLACK for hover effect. However unpractical it seems, I managed to get the result thanks to you. Great thanks!

    Your solution…

    .social_bookmarks_twitter a:hover {
    background-color: #000000 !important;
    }

    And the code that keeps then BLACK in normal state…

    #top .social_bookmarks_twitter a {
    color: black;
    }

    The funny thing is that the second code did not apply for the TOP icons but only for the ones on the socket. The goal was accomplished, anyway. Thanks again!

    hacart

    #651973

    sure, here’s a couple of screenshots: the first with enfold, the title of page just appears in the title bar, never on top of page. with customizr title is displayed.

    http://www.trovaveterinario.it/ENFOLD.png
    http://www.trovaveterinario.it/CUSTOMIZR.png

    hope it’s more clear now. thank you guys.

    Hey KeimDesign,

    I’ve tagged the topic for our german speaking moderator, please wait for his reply.

    Best regards,
    Rikard

    Hey spleeky,

    Thanks for getting in touch with us!

    The simpler thing to do would be to adjust the height of the logo container a bit. Note also that the logo is shrinking when padding is added because it cannot go up to the other top bar as that is another div.

    Please try the following CSS:

    .container.av-logo-container {
        height: 65px !important;
    }

    Let me know if that helps.

    Best regards,
    Jordan

    Hi,

    Please let us know if you should need an further help in a new topic.

    Thanks,
    Rikard

    #651880

    In reply to: split page not working

    Hi,

    Great, glad we could help. Please let us know if you should need any more help on the topic.

    Best regards,
    Rikard

    Hi,

    Try to add a negative top margin:

    .avia-slideshow li img {
        margin-top: -20%;
    }

    Best regards,
    Ismael

    Micheal0424
    Participant

    I am using the contact form and went into edit the Autorespond Text within the contact form, I made the changes to the form and everything saves okay and works properly except the Autorespond Text.

    The changes are saved in the back end but they don’t show on the website. I have tried a different browser and clearing cache as well. I have not updated anything since this started happening, I am using current WP and current Enfold. In short, I haven’t changed anything and this just started happening.

    I am at a loss, I have searched for a solution for a long time, any help is greatly appreciated.

    This is urgent, your help is greatly appreciated.

    I have this posted here as well: https://kriesi.at/support/topic/autorespond-text-displayed-on-page-not-updating/

    I had other posts that I have had communication with but the urgent one hasn’t been gone back to so I am posting this again because this is such an urgent case.

    Thank you.

    • This topic was modified 9 years, 9 months ago by Micheal0424.
    #651850

    Hi Vinay
    Thank you for your reply. With the css you provided, It looks perfect in small screen. I tried resizing the browser it looks great

    but it still looks like this in iphone. see this screenshot.

    and also the text is not clickable, no links , no hover style.

    This is all the css used in quick css to get this header widget right. May be it is a bit too much :) May be it needs a bit of clean up. Your help would be highly appreciated.

    /* header widget for LARGE screen*/
    #header .widget {
      font-size: 34px;
      line-height: 40px;
      position: absolute;
      right: 50px;
      top: 0;
      z-index: 100;
      height: 100%;
      margin: 0;
      padding: 0;
        text-align: right;
    }
    
    @media only screen and (min-width: 767px) {
    #header .widget{
    max-width: 1210px;
    left: 0;
    right: 0;
    margin: 0 auto;
    
    }
    }
    
    #header.header-scrolled .widget{
    	font-size: 23px;
    	line-height: 30px;
    }
    
    #header .widget .textwidget, #text-2{
    	display: table;
            width: 100%;
    	height: 100%;
            float: right;
            z-index: -999 !important;
    }
    #header .widget .textwidget .custom-text{
    	display: table-cell;
    	vertical-align: middle;
    }
    
    #header .custom-text .icon{
      font-size: 42px;
    }
    
    #header.header-scrolled .custom-text .icon{
      font-size: 32px;
    }
    
    #header .custom-text .icon span{
    	float: none;
    	display: inline-block;
    	margin-left: 0;
    	margin-right: 9px;
    }
    
    #header .widget .custom-text p,
    #header .widget .custom-text a{
      font-weight: bold;
      color: black;
      margin: 0;
    }
    
    /* header widget anchor text hover, it affects social icons too*/
    #header .widget .custom-text a:hover{
      color: green;
    }
    
    /* header widget for MEDIUM screen*/
    @media screen and (max-width: 989px) and (min-width: 767px) {
      #header .widget {
        font-size: 26px;
    
      }
    
      #header .custom-text .icon{
        font-size: 40px;
      }
    
    }
    
    /* header widget for SMALL screen*/
    @media screen and (max-width: 767px){
      #header .widget {
        font-size: 14px;
        line-height: 24px;
        right: 100px;
        padding: 0;
      }
    
      #header .custom-text .icon{
        font-size: 26px;
      }
    
      .responsive .logo,
      .responsive .logo a {
      	height: 200px !important;
      }
    
      .responsive .logo img{
         height: 180px !important;
      }
    }
    
    /*
    .content {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    */
    
    .main_menu {
      left: 0px;
      right: auto;
      height: 0px;
      display: none;
    }
    
    .special_amp {
      font-family: inherit;
      font-style: normal;
      font-size: inherit;
      line-height: inherit;
      font-weight: bold;
      color: inherit!important;
    }
    
    /*footer image media query*/
    
    @media screen and (max-width: 720px) {
        .textwidget img.avia_image {
            margin-right: 100px;
        }
    }
    
    #text-2 {
      right: 100px !important;
       margin-right: 0px !important;
    }
    
    /*reduce color box top padding*/
    
    .content {
    padding-top: 10px;
    padding-bottom: 10px;
    }
    
    /* added */
    
    #header .widget .textwidget, #text-2 {
        display: table;
        width: 35%;
        height: 100%;
        float: right;
        display: inline-flex;
    padding: 45px 0px 0px 0px;
    }
    
    #header.header-scrolled#header .widget .textwidget, #text-2 {
        display: table;
        width: 35%;
        height: 100%;
        float: right;
        display: inline-flex;
    padding: 10px 0px 0px 0px;
    margin-left: 100px;
    }
    
    @media screen and (max-width: 1900px) and (min-width: 989px) {
    
    #text-2 {
      right: 40px !important;
       margin-right: 0px !important;
    }
    
    }
    
    @media only screen and (max-width: 766px) and (min-width: 480px){
    
    #text-2 {
      right: 100px !important;
       margin-right: 0px !important;
    }
    
    }
    
    @media screen and (max-width: 767px){
      #header .widget {
        font-size: 14px;
        line-height: 24px;
        right: 130px;
        padding: 0;
      }
    
      #header .custom-text .icon{
        font-size: 26px;
      }
      .responsive .logo img{
        height: 140px !important; 
      }
    }
    
    @media screen and (max-width: 480px) {
    .responsive .logo img {
        height: 90px !important;
    }
    .responsive #top #wrap_all .container {
        width: 99%!important;
        max-width: 99%!important;}}
    #651845

    Hi,

    That section was created with 3 1/3 column element with an image element and text block inside. Edit the first column then enable the “Custom top and bottom margin”. Add a negative value to the Margin-top field in order to replicate the “overlap”.

    Best regards,
    Ismael

    #651835

    Hi there,

    It doesn’t seem to be working. I’m actually having trouble getting the site to respond to any quick css. I copy and pasted quick css from another enfold site I have, and this didn’t work either.

    #top .av_header_transparency {
    background: rgba(0, 0, 0, 0.2);
    }

    #651801

    So basically the way I did it was by instead of moving the navigation menu I’ve just modified the background of the site to fit my needs. So that the header logo appears to be in the sidebar but it’s actually in the header along with the nav menu.

    I’ve used the following rough CSS:

    .main_color{
    background-color: transparent !important;
    }
    #main, .avia-msie-8 #header.av_header_sticky_disabled {
        background-color: transparent;
    }
    html.html_boxed {
     background-size: 35% 100% !important;
    }
    .container {
        padding: 0 0px !important;
    }
    .header_bg {
    	background-color: transparent !important;
    }
    #header_main {
        border-bottom-width: 0px;
    }
    .sidebar_left .content {
        border-left-width: 0;
    }
    #top #main .sidebar_left .sidebar {
        border-right-width: 0px;
    }
    #top #main .sidebar {
    text-align: left;
    }
    #651793

    In reply to: Google Maps

    I will try that, thank you.

    Is there any way you can take a look at this ticket: https://kriesi.at/support/topic/autorespond-text-displayed-on-page-not-updating/

    It is very urgent…thank you.

    #651791

    In reply to: Google Maps

    Hi,

    It appears you already have WASHINGTON D.C on the map. Do you need the phone number below it to be on the google maps? I think it would make the design look busy but if you still want it then it has to appear above WASHINGTON D.C correct?

    Turn on custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Add a class name to the text below the map. (NOTE: The text block should be right below the map element and should be inside the same container ).

    and use the css below in Quick css
    Adjust the margin value to suit your design.

    .custom-class{
    margin-top:-200px;
    }

    Best regards,
    Vinay

    #651788

    In reply to: I need some css

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .page-id-3789 .content {
        padding-top: 20px!important;
    }
    

    Best regards,
    Vinay

    Hey johnebase,

    Enfold shortcodes are available in the text editor on top right and it looks like a magic wand icon. Once you click on it you get more options to choose from.

    Please see attached screenshot.

    Best regards,
    Vinay

    #651774
    hotspot
    Participant

    Hi,

    We used a codeblock to place some extra code in. We dont need the code to show so we gave the codeblock a display:none css class.
    Not in the front-end there are several div’s placed arount the code block. Also a .content div which places a margin on top and bottom.
    We just want the codeblock to be invisible on the front-end. So no sections or other content divs around them.

    Any idea how to solve this?

    #651763
    avwebmaster
    Participant

    Hi,

    I’m trying to figure out what went wrong on the 5 column layout of the site attached.
    As far as I’ve understand, the “first” attribute is set to the first column, then gets re applied at the first column of the next row.

    I did the same concept but there were issues viewing the columns on tablets and mobile.

    Please help.

    <![CDATA[[av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][/av_one_fifth]
    
    [av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][/av_one_fifth]
    
    [av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][/av_one_fifth]
    
    [av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][/av_one_fifth]
    
    [av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][/av_one_fifth]
    #651759

    Hi,

    It appears you have made some changes and it looks a lot better in the mobile now.

    However the address still run into the logo to resolve this issue please consider makign the logo size smaller and move the menu button to right.

    @media screen and (max-width: 480px) {
    .responsive .logo img {
        height: 90px !important;
    }
    .responsive #top #wrap_all .container {
        width: 99%!important;
        max-width: 99%!important;}}

    Best regards,
    Vinay

    • This reply was modified 9 years, 9 months ago by Vinay.
    #651723

    In reply to: Responsiveness

    Hey rlogan2334,

    this is because you are using this code:

    #top.page-id-126 #av_section_1 .av_textblock_section .avia_textblock>p {
    left: -120px;
    }
    

    change the value until it fits to you. Add media queries to your code for mobile devices, like:

    @media only screen 
      and (min-width: 414px) 
      and (max-width: 736px) {
    #top.page-id-126 #av_section_1 .av_textblock_section .avia_textblock>p {
    left: -10px;
    }}
    

    Best regards,
    Andy

    #651659

    Thanks but I am not sure why the top menu is no longer highlighted once a submenu item is selected within the Enfold theme. I am not sure what to modify??

    mascokristina
    Participant

    I am looking for a little bit of code or help on whether it’s possible to stick elements in the Avia layout builder to the top of a page… essentially the elements act as another header within the page (but not on all pages).

    I would like to fix the page under the 3rd separator so that when you scroll down the page, the year and the teams are always visible on the top. It would be a great future feature to have a “sticky” as one of the whitespace/separator options, but for now is it possible to grab some code or quick CSS that would allow me to set the anchor/stick/pin place by page?

    • This topic was modified 9 years, 9 months ago by mascokristina.
    #651639

    There is something within the text box on that page that is causing the bug. It’s definitely a BUG. I went back several revisions before there was content in the text box. It came back and would let me edit. I added the content back in, edited to make sure there was no weird code or stray html or css and updated. It saved it, but again will not allow me to edit or reload the elements after I hit update.

    I rechecked again to see if there was odd coding in the table within the text box (I suspect that is probably where the bug is being thrown) and there was an extra opening <td> and a missing <td></td> further down the table. I corrected that, and continue to have issues.

    Thinking it might be the table, I went back in, deleted the one column layout element and the text box element, added a new one of each, pasted the text – minus the table – to see if it would display after update. It did not. It still won’t load.

    I then started adding content one line at a time. It allowed the headline “Hunting in South Fork”.
    I added the next paragraph and removed the link, thinking perhaps that was the problem.

    Aspen Ridge Cabins serves as a great basecamp for three big-game hunting units offering trophy elk and deer: Units 76, 79 and 80. These are draw-only units, so check with the Colorado Division of Wildlife for limited license application deadlines (no over-the-counter elk or deer licenses are available for these units).

    But that did not fix the issue.

    Next, I used the headline and inserted Lorum Ipsum text. It permitted me to save, AND allowed me to edit.

    Then I added content a few words at a time. It stopped working when I added <strong>Units 76, 79 and 80</strong>.

    Thinking I was on to something, I grabbed the whole paragraph above and removed all the STRONG elements from the text. And now…IT WORKS.

    So THEN I readded the entire content of the page that has been in there, removed all STRONG elements and it loads fine.

    THERE IS SOMETHING AMISS WITH THE STRONG/BOLD ELEMENT.

    Sandy
    Participant

    Problems uploading images after WP4.5 even after following steps in your post. I followed https://kriesi.at/support/topic/having-problems-after-updating-to-wordpress-4-5-please-read-this-first/ except for this step: “If clearing your cache did not work then you could try to add the following code to the bottom of the themes functions.php file” because I deactivated all plugins. So there can’t be any plugin conflicts right? There were only 2 plugins active: BB Press and WP Super Cache. Images larger than 2.7MB failed on Mac. Any images (inconsistently) fail on PC Chrome and Explorer. Images are uploaded one at a time.

    #651591
    crawford13
    Participant

    Is it possible to have the menu vertical aligned when using the sidebar header option. To be a little more specific as to what I am trying to do is, keep the logo at the top, vertically align the menu, then have the social icons and/or widgets at the bottom of the sidebar.

    Any suggestions would be helpful.

    Thanks

Viewing 30 results - 93,871 through 93,900 (of 142,823 total)