Viewing 30 results - 141,361 through 141,390 (of 142,586 total)
  • Author
    Search Results
  • #124175

    In reply to: Problem with Form

    Hello,

    I did this before, look how look on compressed menu:

    http://prntscr.com/1ceijq

    And you closed this topic: https://kriesi.at/support/topic/quform-inside-the-tabs?replies=1#post-121051

    but dindnt worked yet, still goes wrong http://prntscr.com/1c838n

    #25487
    500Webmaster
    Participant

    Hi,

    I posted a topic previously which was resolved, but I need additional help on the same matter. The original issue was that we wanted to customize the backround and icon colours of both active and inactive tabs. The following code was given to enter into Quick CSS and the problem was solved:

    For Active Tab:

    div .main_color .tabcontainer .active_tab {
    background-color: #333;
    color: #666666;
    }

    div .main_color .tabcontainer .active_tab .tab_icon {
    color: #666666;
    }

    For Inactive Tabs:

    .main_color .tabcontainer .tab {
    color: #919191;
    background-color: #333;
    }

    div .main_color .tabcontainer .tab_icon {
    color: #666666;
    }

    With the color values obviously being customizable.

    However, with our color scheme, the color of the text when hovering over it with a mouse is almost impossible to see, for both inactive and active tabs. I’ve tried changing the default color settings in the Enfold>Styling panel for hover colors, but it’s not making a difference. So that makes me think that the perhaps the styling of the tabs is separate to the settings defined in the styling panel? Is there a CSS code I can add to the above to help with this or am I perhaps changing the wrong style settings in the Styling panel?

    Thanks,

    Lea

    #25484
    500Webmaster
    Participant

    Hi,

    We’re using the Icon Box to display our email address. We have added the information as such:

    Title: Contact Us (with a page link)

    Content: “our email address”

    That order looks good in the layout of the element. However, we have heard feedback from multiple visitors to the site that they couldn’t find the active link. This is because one tends to assume the link will be placed on the email address and because only the title (which we have customized to say “Contact Us”) may have a link, visitors are getting confused and just stop looking, assuming there is no link. Is there a way to make the entire element (with icon, title, content and square, grey background) an entirely clickable link?

    Thanks,

    Lea

    #127108

    Hi,

    1.) What type of header do you have?

    2.) Adding your icons is a bit complicated for now. Kriesi will make it easier on future updates.

    You can follow this link: https://kriesi.at/support/topic/youtube-icon#post-117381

    Regards,

    Ismael

    #126866

    Hi!

    I’d recommend to wait for WP3.7 – then the wordpress devs will probably fix the core bug: https://kriesi.at/support/topic/is-it-possible-to-create-two-completely-seperate-portfolios#post-108132

    Regards,

    Peter

    #127057

    In reply to: Review submit button

    Hi!

    Please insert following code into the quick css field – it should fix the issue.

    #top .main_color #reviews input{
    background-color: #eb3b3b;
    }

    Regards,

    Peter

    #124174

    In reply to: Problem with Form

    1) You can add a margin to the logo – use following code to push it down:

    #header_main .logo img {
    margin-top: 10px;
    }

    2) Try to add the width/height of the logo image to the css code like:

    #header_main .logo img {
    width: 200px;
    height: 200px;
    }

    This will help IE8 to display the image with the right dimensions.

    #126742

    In reply to: socket nav color

    Hi,

    Are you talking about the text color of the menu at the bottom?

    Please try this:

    #top .sub_menu_socket ul:first-child > li > a {
    color: red;
    }

    Regards,

    Ismael

    #127009

    Hi,

    What type of header are you using?

    Try this:

    #top #menu-item-search > a {
    position: absolute;
    left: -930px;
    top: 10px;
    }

    .avia-search-tooltip.avia-tt {
    top: 85px !important;
    }

    Regards,

    Ismael

    #126907

    Hi viper92664,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .header_color .avia-menu-fx {
    background-color: #333;
    height: 10px;
    }
    #top .avia-arrow-wrap {
    display: none;
    }
    .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
    border-top-color: #333;
    }

    Change the color code as needed.

    Regards,

    Devin

    #126805

    Hi robertnobel,

    I’m not able to pull up your site at that url. There a couple of things to try to make sure you are at least running things as they should be by default.

    First, make sure you are using Enfold version 1.7. If not, download the theme again from your downloads on Themeforest and install the files on top of themselves. See: https://vimeo.com/channels/aviathemes/67209750

    Second, disable any active plugins you have installed except for WooCommerce or bbPress if you have them installed and active.

    Third, make sure your wordpress install is able to use at least 128mb of memory on your server. See: http://www.dailyblogging.org/wordpress/increase-wordpress-memory-limit/

    Regards,

    Devin

    #25477

    Topic: Blog Title

    in forum Enfold
    Jarrod Davis
    Participant

    Hi, we purchased recently. Still exploring all it’s features. Wondering why I can’t we easily change the blog title from the admin side? Why must I directly edit template pages and/or css?

    I would like to have a page called “news” and one called “blog”. Posts marked news will be displayed on the front page and then post marked blog (not news) will be displayed on the blog page. I put a shortcode on the blog page to display all items marked blog and that works. When I click on an item in the list then the “Blog – Latest news” thing will show. Why not just display the topic title maybe or the page title which in this case will be Blog? I know I can make the changes and put them in the child folder (which I have the child theme activated), but why? With all the advanced features of this theme, which are wonderful by the way (can’t want to take advantage of them all), that I have to resort to editing css or .php files for the title like this. The only way I’ve found so far is direct edits, if there is another way, please advise.

    Thanks

    Jarrod

    I’m going to close this topic as you have another one on the same issue. Please only create a single post for an issue.

    Regards,

    Devin

    #25473

    Topic: Layer Slider Issues

    in forum Enfold
    janeyj
    Participant

    I’m having a few issues with the layer slider (full width).

    http://bit.ly/18jfPId — log/pass: abq/abq

    There are five slides. Most of the time only a couple will transition through and then it freezes. Or sometimes, it freezes and the first slide never transitions out. This is the biggest problem.

    Next, on the demo you can zoom out and the content layers stay centered on the screen with the background image at 100% width. Mine doesn’t do that….the layers fall to far left of the screen. Wouldn’t be so bad since virtually no one would view it that way, but I can’t figure out where to set up my layers so they’re centered at normal view. I set up 1600px wide background images and centered the other layers on top of it, but that is way off and a lot of my stuff is off the screen to the right.

    Please help!

    #25471
    rhunecke
    Participant

    I’m using Enfold to redesign my Portfolio ( http://roberthunecke.com/redesign/ ). I used the Post Slider on my Homepage to create somekind of Client-Rotation.

    To ensure every thumbnail is showing the complete logo I had to set the thumbnail-setting inside the Post-Slider to “No Scaling”, which is why my items have different height-values.

    Is there a way to center them horizontal so they are no longer aligned by their top edges? I fiddles around by using:

    position: absolute; top:0; bottom: 0; margin: auto

    I thought I could center them that way, but without success.

    Thanks

    #126778

    Hi,

    Please add this css to your /css/custom.css to make the page stop jumping each time the slide changes

    .avia-content-slider-active .slide-entry-wrap {
    height: 275px;
    }

    I see you are using the multi-author blog format on your blog page http://www.thechristiandollar.com/blog/

    If you are still experiencing this problem please set up a blog on a different page using the grid so that we can see what the problem is.

    Thanks,

    Nick

    #126796

    It looks like the first thing the short code does is load style settings. The advance editor seems to enclose a number of the lines in <p>. When it gets to the <div> section of the shortcode it seems ok.

    Here is what it creates:

    <div class=’avia_textblock’><p> <!– START SHOWBIZ 1.1.2 –> </p>

    <style type=”text/css”>

    /**************************************</p>

    <p> STYLE SETTINGS FOR MODERN SKIN</p>

    <p>***************************************/</p>

    <p>#showbiz_slide-our-favorite-products_1 ul { background:#000;}

    #showbiz_slide-our-favorite-products_1 ul li { margin-right:0px; border-right:1px solid #000;}</p>

    <p>#showbiz_slide-our-favorite-products_1 .darkhover { position:absolute; top:0px; left:0px; width:100%;height:100%;

    background:rgba(0,0,0,0);

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

    }</p>

    Here is it looks like when using the default editor:

    <!– START SHOWBIZ 1.1.2 –>

    <style type=”text/css”>

    /**************************************

    STYLE SETTINGS FOR MODERN SKIN

    ***************************************/

    #showbiz_slide-our-favorite-products_1 ul { background:#000;}

    #showbiz_slide-our-favorite-products_1 ul li { margin-right:0px; border-right:1px solid #000;}

    #showbiz_slide-our-favorite-products_1 .darkhover { position:absolute; top:0px; left:0px; width:100%;height:100%;

    background:rgba(0,0,0,0);

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

    }

    #126643

    Hi,

    You can entirely remove the sidebar and instead add a widget area as an element. This way the top of the page will have a sidebar but when the sidebar runs out, the page will switch to full size. add a 2/3 column element and 1/3 column element and in 1/3 element position the widget area element with a custom sidebar you’ve made containing the widgets you want to display. Then when you added enough content in the left 2/3 column that its now longer than the widgets, you add a 1/1 element under the two above, and continue adding content, this time in full screen.

    Thanks,

    Nick

    DavyE
    Participant

    Hi, I’ve seen the new fullscreen slider on the Enfold demo site. I’m so in love with this slider, exactly what I have been waiting for! But although I can see a title, subtitle and button on the second slide, I’ve no idea how to add that myself. Example of the slider I’m talking about: http://kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/

    Where can I add content to the easyslider, please? I can add content by adding html to the debug mode like ‘<h1>Title<h1>’ and it seems to automatically fade in from bottom to top, but how to do it without debug mode and where to decide the animation?

    #25436
    DavyE
    Participant

    I really love the way the twitter link is displayed on this page (top of the right column): http://kriesi.at/themes/enfold/2012/12/12/lorem-ipsum-dolor-sit-amet-consectetuer-adipiscing-elit-aenean-commodo-ligula-eget-dolor-aenean-massa/

    Unfortunately it doesn’t seem to work if I enter my account name in the widget. The Twitter icon doesn’t appear, nor do I get an error. I don’t need the RSS one, but if I enter # in the RSS field it does show up on the site (just not Twitter).

    So I don’t need the Twitter timeline, for that I can use a third-party plugin, just that small icon with how many followers and a link to follow as well.

    Any info on how to get it working? Perhaps I’m doing something wrong?

    And is it possible for me to add Facebook, Linkedin and Youtube as well, manually? It’s not the same as AddThis as that is to share, while these icons refer to the company account page.

    #124172

    In reply to: Problem with Form

    Hi,

    Please see my answer here https://kriesi.at/support/topic/quform-inside-the-tabs#post-121288 about the qform


    Copying site

    http://www.clipular.com/c?8869008=7mQBTJWiDUJkYv1Ub3D0914l4LI&f=.png

    You need to have a transparent background image and then:

    To replicate the same thing as on the links you showed, make a page. add a color section element, Make the color section background aqua color, and inside it add three 1/3 elements. In first 1/3 element add an image element with the picture of confused clock wearer, in second 1/3 element add the text , and in third 1/3 element add a button.

    Now will need some css to lower the size of the area so that man’s head and shoulders are pushed out on top, and move the button down :

    .avia-button-center {
    margin-top: 50px !important;
    }
    .avia-button .avia_button_icon {
    font-size: 1.3em;
    }
    .avia-align-center.avia_image.avia-builder-el-no-sibling {
    position: absolute;
    top: -160px;
    }

    My Settings on Page: http://i.imgur.com/nGnmkoM.png

    My Settings for Color Element: http://www.clipular.com/c?8860015=YJMaD1BCoZh1eH4kFwUf6nmmLL4&f=.png

    **Important, for my CSS to work, the image must be centered and the button must be centered —> My Settings for Image Element http://www.clipular.com/c?8869014=H0LGUZpSqkQ-2HIP4F_Bx62xUJc&f=.png … The same must be done when configuring the button element. or change my css to reflect your changes.

    —-

    You will definitely need to adjust the css for different screen sizes using media queries,. I suggest you use Google Developer Tools to change the css to by reusing my code but changing the numbers inside the media queries.

    Thanks,

    Nick

    #126852

    Das hier könnte auch noch für Dich wichtig sein:

    https://kriesi.at/support/topic/17-contact-forms-not-sending-email

    Gruß,

    Frank

    #126297

    In reply to: button in menu

    I got something like this, the button is there, but the text is way below the button. Could you please help to correct this :) Ismael?

    Chris, you’ll need to change the colours to work with your theme.

    .menu-item-1933{
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    background-color: rgb(161, 206, 94);
    background-image: url(https://d7uu0v95k7d3j.cloudfront.net/wp-content/themes/enfold/images/layout/bg-button.png?6c6f23);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    border-bottom-color: rgb(161, 206, 94);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(161, 206, 94);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(161, 206, 94);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(161, 206, 94);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.498039);
    cursor: auto;
    display: block;
    float: left;
    font-family: 'Open Sans', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    height: 38px;
    line-height: 16.796875px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 100%;
    min-width: 90px;
    outline-color: rgba(0, 0, 0, 0.498039);
    outline-style: none;
    outline-width: 0px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px;
    vertical-align: text-top;
    zoom: 1;
    height: 50px;
    }

    #126716

    In reply to: Quform Inside the Tabs

    Hey!

    See https://kriesi.at/support/topic/quform#post-120391

    I’ll mark this thread for Kriesi – maybe he can improve the shortcode parsing.

    Best regards,

    Peter

    #126061

    In reply to: Sidebar

    Hi!

    Please use this instead.

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 1024px) {
    .responsive #top #main .sidebar {display:block !important; }
    }

    Best regards,

    Ismael

    #126862

    Hi,

    Looks like Kriesi answered your post.

    https://kriesi.at/support/topic/portfolio-previousnext-entry-in-same-category/#post-61281

    Regards,

    Ismael

    #126250

    Hi,

    Can you possibly disable the plugin completely? Remove browser cache then reload the page. See if the hover effect is working.

    I don’t see the html code for overlay effect below the blog post image.

    <span class="image-overlay overlay-type-extern" style="opacity: 0; left: 0px; top: 0px; display: block; height: 276px; width: 342px;"><span class="image-overlay-inside"></span></span>

    Regards,

    Ismael

    #126838

    Hi,

    Open js > avia.js, find this code

    //check if the browser supports element rotation
    function avia_header_size()
    {
    var win = $(window),
    header = $('.fixed_header #header'),
    logo = header.find('.logo img'),
    elements = $('#header_main .container, .main_menu ul:first-child > li > a:not(.avia_mega_div a)'),
    el_height = $(elements).filter(':first').height(),
    isMobile = 'ontouchstart' in document.documentElement,
    scroll_top = $('#scroll-top-link'),
    set_height = function()
    {
    var st = win.scrollTop(), newH = 0;

    if(st < el_height/2)
    {
    newH = el_height - st;
    //header.removeClass('shadow');
    }
    else
    {
    newH = el_height/2;

    //header.addClass('shadow');
    }

    elements.css({height: newH + 'px', lineHeight: newH + 'px'});
    }

    if(!header.length) return false;

    if(isMobile)
    {
    return false;
    }

    win.scroll(set_height);
    set_height();
    }

    Replace it with this:

    //check if the browser supports element rotation
    function avia_header_size()
    {
    var win = $(window),
    header = $('.fixed_header #header'),
    logo = header.find('.logo img'),
    elements = $('#header_main .container, .main_menu ul:first-child > li > a:not(.avia_mega_div a)'),
    el_height = $(elements).filter(':first').height(),
    isMobile = 'ontouchstart' in document.documentElement,
    scroll_top = $('#scroll-top-link'),
    social = $('#header_meta'),
    set_height = function()
    {
    var st = win.scrollTop(), newH = 0;

    if(st < el_height/2)
    {
    newH = el_height - st;
    social.show();
    //header.removeClass('shadow');
    }
    else
    {
    newH = el_height/2;
    social.hide();
    //header.addClass('shadow');
    }

    elements.css({height: newH + 'px', lineHeight: newH + 'px'});
    }

    if(!header.length) return false;

    if(isMobile)
    {
    return false;
    }

    win.scroll(set_height);
    set_height();
    }

    Regards,

    Ismael

    Hi andreikharlanov,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top.single-post .big-preview.single-big a,
    #top.single-post .small-preview {
    pointer-events: none;
    cursor: default;
    }

    If you have a link to the page there is also a jquery method as well but I like to make sure its very specific to the page/layout so that it doesn’t cause any outside issues.

    Regards,

    Devin

    #124246

    Hi,

    I fixed the buttons, please check here: http://www.academieaugust.com/?page_id=1176

    Looks like every time you save the table, it adds a backslash on the paypal form code.

    Example is:

    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="4F53A5YJ6CR6L">
    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>

    After save will look like this:

    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="4F53A5YJ6CR6L">
    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>

    It is alright after you click the Save button for the first time but the backslash will add up when you save it again and again.

    Let me tag Kriesi.

    Regards,

    Ismael

Viewing 30 results - 141,361 through 141,390 (of 142,586 total)