Viewing 30 results - 92,281 through 92,310 (of 142,712 total)
  • Author
    Search Results
  • knoche9343
    Participant

    Hi,
    there are many confusing entries available on this topic. But none of them offered what I want to achieve:
    1. Tabs: create box/borders (including bottom) around active and inactive tabs with space between them. Background color: white, color: black.
    2. Active tab: background color: red
    3. Tab hover: change border color to red
    3. Content area (below the tabs), normal and active: remove borders and make background white.

    You can see an example of what I mean in the ‘Our Services’ section of this website: http://www.istaff.com/

    #667150
    bulewold
    Participant

    Hi there, so I recently installed a plugin that has its own lightbox. And because enfold has its own lightbox as well, it’s opening two lightbox images whenever I click on the image…

    Is there a way to turn off lightbox picture feature on one page? Or can I request this feature?

    Thank you.

    Detail on plugin & chat with their maker: https://wordpress.org/support/topic/great-plugin-thank-you-but?replies=4#post-8702613

    #667139

    Hey Brad,

    Adjust the margin top value to suit your design.

    @media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency {
        background-color: transparent;
    }
    .responsive #top #main {
    	margin-top:-119px;	
    }
    }

    If you have any questions please get back to us with a precise link where we can see the issue and the element in question.

    Best regards,
    Vinay

    #667138

    Hey webdesign,

    To change the active tab color please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px){
    .responsive #top .main_color .tabcontainer .active_tab {
        background-color: #0f0d9e!important;
    }
    .responsive #top .main_color .tabcontainer .active_tab h4{ 
        color: #ffffff!important;
    }}
    

    Best regards,
    Vinay

    #667130

    Hey vadikcoma,

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

    
    
    @media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency {
        background-color: transparent;
    }
    .responsive #top #main {
    	margin-top:-119px;	
    }
    }
    

    Best regards,
    Vinay

    #667122

    In reply to: questions

    Hi,

    Add this css code to change the color on hover:

    .responsive #top #header_meta .social_bookmarks li:hover a {
        color: #ffffff;
    }

    Remove the dot in the custom css class field. Use “hmp-button”, not “.hmp-button” then replace the css code with the following:

    #top .hmp-button a {
        color: red !important;
        border-color: blue !important;
    }

    Best regards,
    Ismael

    #667108

    Hey lanabradasevic,

    I do not see the social icons in the header. However to include the download button there are 2 options.

    1. To add the button next to the menu items enable header widget area and add the html in the widget box and css in Quick CSS.

    2. In Enfold > Header > Header Phone Number/Extra Info > Display on top bar > Enter the button html in the “Phone Number or small info text” and add the button style in Enfold > General Styling > Quick CSS

    Let us know if you have any questions.

    Best regards,
    Vinay

    #667082
    vadikcoma
    Participant

    Hello, I have transparent header with 2 menus on my site:

    sirius.coma.lv/

    However when on mobile my header has white background and language switcher from secondary menu becomes invisible due to white color. How to keep header transparent on mobile?

    • This topic was modified 9 years, 6 months ago by vadikcoma.
    Brad
    Participant

    Hi,

    I’ve noticed that when a page is loaded on mobile, and that page uses a fullscreen slider with title/caption/button content (“content” for short), that content is sometimes pushed up into the header area where it overlaps with the logo or menu, which is undesirable.

    I’ve attached two screenshots showing the page on the desktop, and the same page on mobile (with the overlap problem visible where the “Get the shirt” title is bumped up to the header area and under the pancake menu).

    What would be better is to have the content pushed down by an amount equal to the header height plus some margin|padding—but only in situations where the screen or window height would cause this effect to happen. What’s the easiest way to fix this?

    Thanks!

    #667063
    webdesign
    Participant

    Hi,
    How can I change the color of the “active” tab (the tab that is currently open) on mobile devices? I’ve been able to change it on the desktop, and used some code I found on your forums for the mobile device, but it is still a very bright blue.
    Thanks much!

    mandelkind
    Participant

    I’ve configured some transparency settings for my navigation.

    In the desktop version everything looks exactly how it should.
    How to get the exact same result in the mobile version?

    To be specific what “the same result” means:
    The logo set for transparency and transparency for the navigation itself.

    A solution which adapts any chances done in the backend to the navigation would be preferred.

    #667038
    funkhouser
    Participant

    About 2-3 weeks ago WordPress Pop stopped working. I tried deactivating other plugins to see if that was the problem. It was not.

    I created a new popup and it worked once. The stopped. Not sure what to do.

    Thanks

    #667031

    Hey Faway,

    Use this CSS code to control the social menu links when header is transparent and not:

    #top .av_header_transparency #header_meta a{
        color: blue;
    }
    #top #header_meta a{
        color: red;
    }

    Best regards,
    Josue

    #667021

    Hey!

    Try adding this code to the Quick CSS:

    #top #header .av-main-nav > li:hover > a{
    background: url(_img_) no-repeat top center transparent;
    }

    Cheers! 
    Josue

    #667015

    Hi,

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

    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
        -webkit-animation: none!important;
        animation: none!important;
    }
    

    Best regards,
    Vinay

    #667001
    firemedic72
    Participant

    I was wondering if anyone could show me how to completely customize my header area in Enfold stretched theme. I was able to insert content and images to the right of my logo by placing the code below. It looks ok I guess, but I am just not completely satisfied with it because it is not responsive and disappears on mobile devices and tablets. Is there any possible way to edit the the header so that the content added to the right is responsive and folds to the left under the header like responsive <div></div> would do?

    functions:

    <div class=”custom_text”>
    <p style=”font-family: lato; font-style: normal; font-weight: 400; font-size: 16pt;”>Phone (813)949-4467</p>
    </div>
    <div class=”custom_text2″>
    <p style=”font-family: lato; font-style: normal; font-weight: 400; font-size: 14pt;”>Email: S (Email address hidden if logged out) </p>
    </div>
    <div class=”custom_text3″>
    <p style=”font-family: lato; font-style: normal; font-weight: 400; font-size: 16pt;”><span style=”color: #FC0004; font-weight: 700;”>10% OFF</span> For Online Appointments!</p>
    <p> </p>
    </div>
    <div class=”custom_phone”>phone
    </div>
    <div class=”custom_mail”>Mail
    </div>

    Quick CSS

    div.custom_text {
    position: absolute;
    right: 200px;
    top: -175px;
    }

    div.custom_text2 {
    position: absolute;
    right: 208px;
    top: -135px;
    }

    div.custom_text3 {
    position: absolute;
    right: 75px;
    top: -105px;
    }

    div.custom_phone {
    position: absolute;
    right: 435px;
    top: -165px;
    }

    div.custom_mail {
    position: absolute;
    right: 422px;
    top: -122px;
    }

    • This topic was modified 9 years, 6 months ago by firemedic72.
    #666985
    rumkosteve
    Participant

    Hi,
    I use Creativo WP theme on another website and it creates a tap to call button for mobile visitors. You can see this at http://automaticgaterepair.co.uk/ where there is no button at larger screen resolutions and the button in the top bar at resolutions below 767px. This is a simple on/off function in the theme back end. Is this possible in Enfold as it is such a simple solution and a great way for mobile users to get in contact.
    Thanks.
    Steve

    #666967

    Hi,

    Now add this to Quick CSS:

    .custom_cta{ 
      width:100%; 
      clear:both; 
      float:left; 
      margin-top: 80px; 
      margin-bottom: -40px; 
    }

    Best regards,
    Josue

    #666942

    Hey Gal726,

    I am afraid you’ll need to contact the plugin author for more info about the issue. Making third-party plugins compatible with the theme is unfortunately beyond the support scope we offer. Sorry for that!

    however we can point you in the right direction Please follow this posy by Ismael https://kriesi.at/support/topic/homepage-redirect-on-mobile-sites/#post-206215

    Best regards,
    Vinay

    #666938

    Hi,

    To add gap between the form fields please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top fieldset {
         margin-top: 20px;
    }
    
    

    To add box shadow to submenu

    #top .header-scrolled #avia-menu .sub-menu, #avia-menu .sub-menu {
        box-shadow: 1px 4px 8px 1px rgba(0,0,0,.5);
    }

    Best regards,
    Vinay

    #666925
    webdesign
    Participant

    What is the best way to format tables so they display correctly on small/mobile devices? The tables look good on a large screen, but once responsive to small screens, all the table header rows stack up on top of each other and then all the table data lays below all these stacked rows. There should be a table header for each row of data, just as it displays on the screen. The only way I’ve been able to get around this is to create a separate table for each row of data. However, the tables then all have their own sizes and don’t resize consistently.

    I’ve pasted a link with examples below. I’ve put tables inside the “accordion” element. I’ve also tried them in the “tab” element (going to abandon those as I don’t like how they look on the small screens either). So, for this post, please take a look at the tables inside the “accordion” element. The first accordion says NEW. I had to put in separate tables to make the headers show up correctly on a mobile device. However this is where the table sizes are inconsistent as they respond separately. The second accordion says USED. This is where you will see header rows stacked on a small screen. It also takes the first header row in the table, and repeats it inside each cell (I understand this, but it makes it so you can’t have a different title for each new rows).

    Can you please help with formatting a table to display with a header row, table data, header row, table data, etc, on a mobile device? Again, they look great on the big screen, get messed up on a small screen.

    Thanks!

    BobCarey
    Participant

    Hello,

    I created two pages and attempted to create a drop down menu under about.

    It is a scroll to subject on front page set-up.

    Scroll down address

    When I click on the drop down menu:

    Drop Menu

    When I add a drop down menu, the scroll down to that section of the front page feature stops working.

    Wondering how to get it working. There is an earlier post from Friday about Zen, which is not on yet, that is potentially related.

    Thoughts?

    Thank you,

    Bob

    #666916

    Hi,

    Use the following:

    #top legend {
        font-size: 12px;
    }

    Best regards,
    Josue

    #666911
    krummnagel
    Participant

    image
    Hi, im trying to remove the space shown in the picture with quick css like this:

    .div.flex_column.av_one_half.flex_column_table_cell.av-equal-height-column.av-align-top.first.avia-builder-el-1.el_before_av_one_half.avia-builder-el-first {
    padding-top: 150px;
    }

    but i cant get it to work. any hint ?

    thanks

    • This topic was modified 9 years, 6 months ago by krummnagel.
    eoghan1
    Participant

    Hi,

    The special header at the top of my frontpage at http://www.thatcommsguy.ch/ has suddenly started appearing as bold text whereas up to this evening it was appearing as on all the other pages in a nice light font. (e.g. here: http://www.thatcommsguy.ch/services/)

    Any idea why or how I can solve this? To be clear, I’m talking about the text that begins “Get your messages out…”

    Thanks,
    Eoghan

    ramonolivencia
    Participant

    I was having trouble showing my 3-section footer on my Pages aligned for smartphone view (the 3 sections -Pages, Newsletter and Find- were showing on smartphone view as 3 columns narrowly placed next to each other instead of one section on top of each other, though they were all showing fine on desktop view). So I fixed that by replacing the footer section with a Section Color Template with 3 columns inside, but now while most pages appeared fixed I still have 2 pages where the problem still appears and don´t know how to fix that.

    #666889
    webdesign
    Participant

    Hi,
    Is it possible to have the tabs display the same on mobile devices as larger screens? For instance, I have them set to display at the top (not on the sides). They look great on the computer. However, on the mobile devices, the tabs just drop to the bottom (so, tab 1 is at the top, then the content – tab 2 is below tab 1, with the content, and so on). I’d like the tabs to all display at the top of all the content (just like it display on the computer) so the user isn’t having to scroll down to see what other tabs are available. Is this possible? The tabs are shown below.
    Thanks!

    #666878

    In reply to: Elements Alignment

    Hi Josue,

    Thanks a lot for your help, all the issues are fixed.
    (you may now close the topic please)

    Best regards,
    Sadegh

    #666861

    In reply to: sub menu style

    Hi Josue,

    Thanks a lot for your reply, it all worked for me.
    (you may now close the topic)

    Regards,
    Sadegh

    #666860

    Hey!

    Try adding this code to the Quick CSS:

    #top select{ min-height: 45px; }
    

    Cheers! 
    Josue

Viewing 30 results - 92,281 through 92,310 (of 142,712 total)