Viewing 30 results - 97,861 through 97,890 (of 142,832 total)
  • Author
    Search Results
  • #609081
    Jojo_W
    Participant

    Hello Super Support!

    1) I had this issue where the slider was getting cut off in the Portrait view on a Tablet when the bar at the top become 2 lines of text.

    Which was fixed with this code:
    @media screen and (max-width: 997px){
    #top .avia-layerslider .ls-wp-container {
    margin-top: 65px !important;
    }}

    It fixed the Home page.

    Now I can see that the bar at the top becoming 2 lines on the Portrait view on a Tablet makes the top of the page get cut off on ALL of my pages. Advise?

    2) Can I make that second line of text flush left in the top bar when it goes to the second line?

    Thank you,
    Jojo

    #609072

    After chasing my tail a bit with reinstalling themes and deactivating plugins, this turns out to be problem with avia.js. It isn’t set up to treat the WooCommerce and Instagram images as their own galleries. It treat other groups of images as distinct galleries but not these two. On line 900 of avia.js, you need to add values to the “groups” parameter for “.av-instagram-pics” as I’ve done below. This resolves the problem for me.

    groups : ['.av-instagram-pics','.avia-slideshow', '.avia-gallery', '.portfolio-preview-image', '.portfolio-preview-content', '.isotope', '.post-entry', '.sidebar', '#main', '.main_menu'],

    You could also argue that there should be a value for “#footer” too to separate the footer content from the main content of the page. Just using “#main” is too broad (in my opinion) when you’ve called out other specific content areas like “.sidebar” and “.post-entry”.

    I suppose you’re going to say that this is a feature request (although I’d classify this as a bug report). Let me know if I have to submit fixing this as a feature request.

    @Yigit when I have tried that in the past, I have a difficult time specifying exact location of text inside the color section.. any tips on how to place the text? Does that require CSS expertise?


    @begrafiks
    thanks, I tried the fullscreen slider and that it working much better! I could not figure out how to do the effect you see on the NY Times page as you start to scroll down from the top… I like how the video starts to fade out as the text fades in. It looks like they are doing a semi transparent white overlay to get that effect?

    Here’s the page I am working on….
    http://www.thomashenthorne.com/1292-sanderling-island-point-richmond/

    I also can’t figure out how to get the video to loop… I tried the &loop=1 on the url parameter but that didn’t work.

    Thanks so much!!

    Rob

    #609018

    Hi Andy,

    That is what I thought. I will talk to my client and most probably we will leave it as it is.

    Can you flag this topis as closed?

    Thanks for all your effort and help!

    Regards,
    Monique

    #608993

    Hi Andy sorry for the confusion. These were separate issues as the text never ran off on the computer browser, only on the smartphone view. The text can’t be centered on the browser – that’s the problem there. As you can see from the picture, the text starts at the tip top of the slider and I cannot get it to move down (appear centered).

    The reason the tickets were the same is that the issues were occurring simultaneously and I wasn’t sure if they were related so I presented them together. Again, my bad if that caused confusion. All I want to do is be able to center the text on the image you uploaded below. If you’d like me to start a new ticket, I would be happy to do so.

    D

    #608989

    Hi!

    1. To make the header look nicer please add the below code in Enfold > General Styling > Quick CSS

    #header_main_alternate{
    background: #d9dadb;
    }
    

    2 & 3. This is a bit tricky you need to use multiple media queries and use the scale property to scale down to the size you need but if it get;s too small then people cannot click on it in mobile device so i suggest hiding it in mobile devices.
    in the below code the scale value 1 is 100% and .5 is 50%.

    4. I already see that you have a home icon placed in the menu.
    But if you still need to know how ? Just add a icon shortcode or a link to the image on the navigation label.

    5. Just add a blank text widget in column 2 & 3 of the footer.

    @media screen and (min-width: 756px) {
    #wordcloud {
        transform: scale(.5);
    }}
    
    @media screen and (min-width: 480px) {
    #wordcloud {
        transform: scale(.35);
    }}
    

    6. Please edit the image path and use the below css in Quick CSS

    #footer {
    background-image: url(background-image.png) no-repeat top right;
    background-size: contain;
    }

    Request you to create new tickets for new issues or separate issues as it helps keep focus on one topic and avoid mixup of issues…

    Best regards,
    Vinay

    #608945

    Hey dvdconway!

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

    @media only screen and (max-width: 768px) {
    #header_meta *, #top .av_header_transparency .social_bookmarks li a {
        color: orange!important;
    }}

    Cheers!
    Yigit

    #608939

    Hi!

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

    #top .avia-smallarrow-slider .avia-slideshow-arrows a {
        background: orange;
        color: red;
    }

    Regards,
    Yigit

    #608930

    Hi!

    Please use the below css in Quick css

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

    Request you to create new tickets for different issues so we can keep the focus on the original topic :)

    Regards,
    Vinay

    #608904

    Hi!

    This is not a theme related issue but it is wordpress related issue. You can switch to default wordpress theme and check the issue will be there. Having said that this issue falls out of our support scope but do not worry we still would love to help you with this.

    This usually happens because something went wrong while updating wordpress or some plugin conflict with the TinyMCE plugin which wordpress uses in it’s core… try replacing the folder /wp-includes/js/tinymce/ with a fresh copy downloaded from wordpress.org via FTP.

    If that don’t work open your wp-config.php file and add the following line at the very top after the php opening tag.
    define(‘CONCATENATE_SCRIPTS’, false);

    The above line should fix the issue if not try using this plugin https://wordpress.org/plugins/tinymce-advanced/

    If you still have any issues you need to backup data and re-install wordpress via the dashboard settings.

    Best regards,
    Vinay

    • This reply was modified 9 years, 11 months ago by Vinay.
    #608887
    lisaschonewille
    Participant

    Hi,
    How can I activate the arrow for current menu item? As top picture by header examples: http://kriesi.at/themes/enfold/headers/
    Thx!
    Lisa

    #608885

    Hi Yigit,

    Thanks. I have inserted the code, but there is no change. About the shrinking header – this is actually a feature we want, it just needs to shrink while staying centered. It has worked since two weeks and stopped working yesterday…

    Would you have another idea?

    Thank you,

    Fiorilla

    #608883

    Hi a00109943!

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

    .avia-layerslider {
        margin-top: 1px;
    }

    Cheers!
    Yigit

    Hi Andy,
    ich schreib mal auf deutsch vielleicht wird da unser Problem mit der Navigation klarer. Der custom code wurde im childtheme style.css auskommentiert, die functions datei im childtheme gelöscht und alle plugins (ausser polylang) deaktiviert. Das flackern ist geblieben, das highlight stopt an der falschen Stelle, immer einen Menüpunkt vor dem angeklickten.

    Jetzt habe ich auf einem demo account ein altes Backup (noch vor dem Sprachplugin) installiert.

    http://www.bernd-haeussler.de/wordpress2

    Das Flackern ist zwar jetzt weg, das zweite problem existiert allerdings immer noch, das Highlight stoppt an der falschen Stelle. Getestet auf mac, pc, firefox, chrome… an verschiedenen Zugängen International. Überall das gleiche Resultat.

    Jetzt war ich gerade auf der Enfold Demoseite und erstaunlicherweise taucht auch hier das Problem auf. Beim Wedding-Theme (das wir als grundlage importiert haben) und auch bei den anderen one-click-seiten passiert das gleiche:
    Das Highlight schaltet nicht am Ankerpunkt um sondern wenn man weiterscrollt, erst einige pixel später! (getestet aauf Mac, PC, Firefox, Chrome, safari, Berlin, Wien)

    Ist das ein bekanntes Problem und gibt es eine Lösung? Flackern ist lästig aber das Highlight sollte am Ende schon stimmen.

    Gruß Bernd

    #608865
    philip
    Participant

    Hello.
    I am trying to configure the color section with the parallax feature. It works well when i have full screen. But when I reduce the browser screensize there appears a lot of padding below the color section. see attached picture
    I am using the color section without any picture or text inside of it. Just the picture.

    Settings:
    Image size 1920×818

    Section Layout
    Custom height in pixel: 818
    No Padding
    No border styling

    Section Background:
    Parallax
    Top Left
    Scale to fit (scales image so the whole image is always available)

    do you have any idea how i can fix this? or is there another solution for parallax when using only background picture?
    thanks for your help and support,
    Philip

    If I use inline-block instead of table-cell at .flex_cell {
    display: inline-block;
    padding: 30px;
    vertical-align: top;
    } (firebug), then everything seems okay without white gaps(of course, BAD for responsive)- well i think we can live with that, if there are no more ideas .
    WITH table-cell, there are the fine white lines :-(

    • This reply was modified 9 years, 11 months ago by DMStemberg.

    Hi!

    try this code:

    .main_color, .main_color div, .main_color header, .main_color main, .main_color aside, .main_color footer, .main_color article, .main_color nav, .main_color section, .main_color span, .main_color applet, .main_color object, .main_color iframe, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color p, .main_color blockquote, .main_color pre, .main_color a, .main_color abbr, .main_color acronym, .main_color address, .main_color big, .main_color cite, .main_color code, .main_color del, .main_color dfn, .main_color em, .main_color img, .main_color ins, .main_color kbd, .main_color q, .main_color s, .main_color samp, .main_color small, .main_color strike, .main_color strong, .main_color sub, .main_color sup, .main_color tt, .main_color var, .main_color b, .main_color u, .main_color i, .main_color center, .main_color dl, .main_color dt, .main_color dd, .main_color ol, .main_color ul, .main_color li, .main_color fieldset, .main_color form, .main_color label, .main_color legend, .main_color table, .main_color caption, .main_color tbody, .main_color tfoot, .main_color thead, .main_color tr, .main_color th, .main_color td, .main_color article, .main_color aside, .main_color canvas, .main_color details, .main_color embed, .main_color figure, .main_color fieldset, .main_color figcaption, .main_color footer, .main_color header, .main_color hgroup, .main_color menu, .main_color nav, .main_color output, .main_color ruby, .main_color section, .main_color summary, .main_color time, .main_color mark, .main_color audio, .main_color video, #top .main_color .pullquote_boxed, .responsive #top .main_color .avia-testimonial, .responsive #top.avia-blank #main .main_color.container_wrap:first-child, #top .main_color.fullsize .template-blog .post_delimiter, .main_color .related_posts.av-related-style-full a {
    border: none;
    }
    

    Best regards,
    Andy

    #608841
    Freek
    Participant

    Hi, Maybe someone can help me out with the following.
    For a school mathematics project i am looking for a timer/stopwatch function.
    I looked around but can not find good working code.

    We are looking for a timer/stopwatch which counts back from 60 minutes to 0.
    Under the counter we want a reset, stop and start button.

    Anyone?
    Thanks in advanced.
    Freek

    #608831
    mllibre
    Participant

    Hi, i want to change the flags to text language in WPML switcher in top bar menu.

    I try this https://kriesi.at/support/topic/wpml-language-selector-text-instead-of-flag/ and it works but how can I change to ESP and ENG instead of Español English?

    Where i have to put this code in child theme?

    Thanks,

    #608825

    Hey!

    thanks for the pic. Use this code:

    .avia-mozilla #top .av-custom-form-color select option {
    background: white;
    }
    

    Best regards,
    Andy

    bcnsites
    Participant

    Hi!,
    I have this “Special Heading”, in “Content”, “Heading text”: Benvinguts a ben bo
    I would like to increase the size font only in the “ben bo” text, not in all the line.

    I tried in the degub editor, withour exit:
    [av_heading heading='Benvinguts a ben bo' tag='h1' style='blockquote modern-quote' size='60' subheading_active='subheading_below' subheading_size='18' padding='0' color='custom-color-heading' custom_font='#ffffff']

    Is it possible?

    Thanks in advance!

    PD: a suggestion: it would be great to use a search in the topic list…
    Joan

    #608786

    Hi!

    wäre notwendig wenn du genau zeigst von was du die Schriftgröße und Farbe ändern willst. Bitte immer Screenshots etc. verwenden. Vielleicht ist es ja das heir:

    #top div ul.product_list_widget li a {
    font-size: 15px;
    color: red;
    }
    

    Die Thumbnails kannst du hiermit vergrößern:

    img.attachment-shop_thumbnail.size-shop_thumbnail.wp-post-image {
    width: 100px;
    }
    

    Gruß!
    Andy

    #608780

    Please help – The text in my text boxes on LayerSlider WP shows up fine on my computer browser, but when the web site is opened on a smartphone, the text runs out the bottom of the text box and the title text is a great deal larger than it should be. How can I fix this please?

    And now you say it was never an issue on smartphone? I don’t get it to be honest. Please use different tickets for different questions/issues, otherwise it gets very confusing for us moderators and for people trying to search help here in this forum.

    I checked your website on desktop and LayerSlider looks totally normal to me:

    View post on imgur.com

    Please us a service like imgur.com or dropbox to provide us any files. Providing a mockup showing the results you want to achieve would help a lot.

    Regards,
    Andy

    #608775

    Hi!

    Please try the below css

    NOTE: This will affect all the buttons if you like to target only one button please enable custom CSS class name support
    http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and target only the buttons you like using custom CSS clasa name.

    .avia_iconbox_title {
    	position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);	
    }
    

    Best regards,
    Vinay

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

    @begrafiks: thank you, the logo is centered for mobil view.


    @Basilis
    , I would like to enlarge the logo for mobil view around 30 %. And display it on a layer above the slider (similar to the desktop view) How could that work?

    Additionally this part of my original request is still open:
    Is there a way to center the logo horizontally and vertically on a layer above the slider (for desktop and mobile view)?

    Cheers,

    #608754

    Hey!

    Thank you for the mockup image :)

    To change the color section overlay on hover please use the css below in Enfold > General Styling > Quick CSS

    #top .av-section-color-overlay-wrap:hover .av-section-color-overlay {
       opacity: 0!important;
       transition: opacity .5s ease;
    }

    Best regards,
    Vinay

    #608735

    Topic: Cookie Law Bar

    in forum Enfold
    CyTechnology
    Participant

    Hello,

    I’m using the plugin Cookie Law info and I would like to have the footer (#socket) to extend by 40px for the bar and then once the user clicks accept the value to become 0 and stay 0 on next page load.

    Referencing topic: https://kriesi.at/support/topic/sticky-cookie-law-bar/#post-455415

    Basically its Ismael’s solution above but the solution fix is not posted.

    Thank you in advance.

    Regards,
    Panayiotis

    Hi,

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

    Thanks,
    Rikard

    #608715

    Hi Marlise,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .html_header_top.html_logo_center .logo {
        left: 0% !important;
        -webkit-transform: translate(-0%, 0);
        -ms-transform: translate(-0%, 0);
        transform: translate(-0%, 0);
    }

    Regards,
    Rikard

    #608704
    zebravision
    Participant

    Hello how can I change the background colour of my side bar, and the sidebar items that go over the top of it. Have sent PM content below.

    I want the background of the side bar to be #2abb9d, Headings can remain black, items under headings to be changed to WHITE from grey.

Viewing 30 results - 97,861 through 97,890 (of 142,832 total)