Viewing 30 results - 98,971 through 99,000 (of 142,852 total)
  • Author
    Search Results
  • #597494

    Topic: Customization Help

    in forum Enfold
    wnow
    Participant

    Hi,

    I just purchased a new license for a new site and I need help with the following customizations on the homepage:

    Here is what I need the final homepage to look like
    http://s7.postimg.org/o4ky2tzbv/finalhomepage.jpg

    Here is what I currently have:
    http://1c5.964.myftpupload.com/

    As you can see I made some progress but needs the following help

    1- On the very top header area. I am using a transparent header on the homepage which is great but I do not want to use the transparent header anywhere else on the site. Eg. http://1c5.964.myftpupload.com/pages/about-us/ I would simply like the header for the other pages be a solid color.

    2- How do I control/change the sticky header background color and font color?

    3- I cannot get the slider to look like my mockup. I need the text (Welcome to BCCP Online!….) to move up more and when I scroll the page those text also gets lost. More importantly on mobile, the slider is extremely tall and does not show the middle of the photo which is the most important part to show . It is just showing the left portion. How did this site achieve it? http://renov8.org/. Am I using the wrong slider? Should I use a different slider?

    4- I would like to change <h1><H2> to Open Sans Extra Bold. I have already added
    @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600,800); and set my font weight to 800 but it is now showing up on the front end (see text “BROOKLYN COLLEGE COMMUNITY PARTNERSHIP”) below the slider.

    5- On my mockup “FROM THE BLOG” section, I would like to pull the latest blog entry with the thumbnail image on the left and headline/summary copy on the right. Can you please help me achieve that layout?

    6- Below the blog section, I am trying to add a parallax image. (where the text currently says “iSERVE TRIP 2016: CHICAGO…”) I really like how this site did that parallax image towards the middle – http://renov8.org/ where it says “COME FIND COMMUNITY…” . Why cant I achieve the same effect?

    Thank you so much. Look forward to hearing from you.

    #597491

    Hi Ken,

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

    Best regards,
    Rikard

    #597481
    ctrygstad
    Participant

    I’m running into issues, specifically with how mobile is working. When testing out the responsiveness of the layout on my laptop (by narrowing the browser window), the main and secondary navigation menus degrade the way I expect. However, the layout doesn’t work as expected on my iPhone, the main menu displays by default, and the main navigation doesn’t degrade to the hamburger menu format.

    I’ve tried a couple of things, including disabling all plugins. I also tried to import one of the Enfold demo settings, and ran into the exact same issue (works in narrow browser window on laptop, doesn’t work right on iPhone). My wonder is that perhaps it is related to having GoDaddy as my web host?

    My site is: http://d62.325.myftpupload.com

    #597465

    In reply to: Section ID

    Thanks Yigit,

    But that doesn’t work..
    What I mean is I need to apply Section ID on comments.
    I have button “see more comments” on the top of the page that I want to have anchor linked to the comments section below.
    I can have it correctly while the page is full width by inserting the comments element inside color section that has section ID, but the story is different when the page has sidebar, the sidebar now disappears from the right side and appears on the bottom of the page because the color section stretch to the full page, so my sidebar is below.
    So I need the css for color section to have width the same as 1/1 element instead of full width, so it won’t crash the sidebar..
    Hope it is clear

    Thanks,
    Surya

    #597458
    awdenfold
    Participant

    Hello,

    I’m having an issue with the navigation overlapping the logo on tablet screens (and any screen size between desktop and tablet). Also, on the inner page (education&training for example), the text in the left column cuts off instead of acting responsive. I have looked into past threads about this and have tried most of the codes available with no luck. Can someone please look into this for me?

    Much appreciated! :)

    #597452
    wacky32
    Participant

    For some reason the easy slider on my home page stopped working.

    #597444
    jewsforjesus
    Participant

    Hi,
    Could you please help me to understand why Magnific Popup v1.1.0 by Dmitry Semenov doesn’t work with Enfold.
    I can see that you use this library in this theme but I cannot force it to work as a ajax type of popup.
    Example:

    <a href="/path-to/file.html">Popup</a>
    <script type="text/javascript">
    	$(document).ready(function() {
    		$('.white-popup').magnificPopup({
    			type: 'ajax',
    			alignTop: true,
    			overflowY: 'scroll'
    		});        
    	});
    </script>

    Thank you.
    Have a good day.

    #597407

    In reply to: Resize Sidebar

    Hey sarahjowhite!

    Please take a look here, with detailed replies how to change the sidebar size and still keep it responsive
    https://kriesi.at/support/topic/reduce-sidebar-widh-to-10-in-enfold/

    Please let us know if that is what you need.

    Regards,
    Basilis

    #597399
    alexander-_-
    Participant

    Hello,

    Unfortunately Avia Layout Builder stopped loading after I updated both WordPress and Enfold. I can still create new pages but not edit what I already built.

    Tried switching off all plugins and manual FTP overwrite of Enfold.

    Wordpress 4.4.2
    Enfold 3.4.7

    I created a admin account in the private section, thanks.

    #597386
    richardwilding
    Participant

    Dear Kriesi,

    Is there still no way to control the autoplay, loop etc. settings for Vimeo videos when using your Video element?

    I’ve tried using the code block and inserting the vimeo iframe code, but this plays the video at the wrong size within a large black frame.

    How can I get the various vimeo embed controls and enfold to work together?

    Thanks, Richard

    #597383
    peterkra
    Participant

    You guys perfectly helped me earlier with an earlier post: https://kriesi.at/support/topic/both-megamenu-and-sub-menu-items-below-it-transparent/.

    Is there a way to set the transparancy color for each mega menu separately? Should be really awesome to achieve this.

    See megamenu’s “Art” and “Project” on http://www.virtueletourlatenmaken.nl/

    Thanks in advance!

    Regards,
    Peter

    #597370

    Hi Rikard, i used Guenni’s trick😉, anyway i need to know how can exactly adpapt image background, because one of them is biggest and it goes out from the edges of the top. Can you help me?

    Thamks so much

    #597357
    raydeeyo
    Participant

    Hello Kriesi,

    I would like to make something like your demo at http://kriesi.at/themes/enfold/shortcodes/masonry-gallery/ while top will be my landing section and bottom with Masonry Gallery to showcase my projects. But i keep having problem to make it fit to full width, can you guide me for this? Also, when i tried to add additional sections after the first two, my footer will shrink into boxed width, i’ve no idea what cause this… please help…

    Here is my page http://wowballoon.com.my/

    Hi Rob,

    You linked to the overview page so I’m not sure what you are referring to, could click Remove Frame in the top right hand corner of the screen and then got to the page and copy the URL and paste it in your reply please?

    Best regards,
    Rikard

    #597335

    Hi,

    Great, glad you got it fixed. Please let us know if you should need any more help on the topic.

    Thanks,
    Rikard

    #597333

    Hey @giorgiosilvia,

    Not sure if you got your problem fixed or not? Please let us know if you should need any more help on the topic.

    Best regards,
    Rikard

    #597319

    Hi Jordan,

    Thanks for getting back to me.

    I don’t understand though how the captions aren’t visible on your end. The screenshot I took above was taken just before I posted my question above, and I haven’t made any changes since. I still see the captions on both mobile and desktop, and I’ve had other people test the site as well, and they also see the captions.

    Just so we’re on the same page here, the captions I’m referring to are the black caption bubbles that pop up above the thumbnails when you hover your mouse over a thumbnail on a desktop or laptop, or when you click on a thumbnail on a mobile phone (see screenshot).

    Also, I know how to hide them on mobile only using media queries, but for now I want to see it working successfully across all devices before I move the code to the appropriate media queries only.

    So the big question is, why can’t you see the captions on your end, when I still see them on my end? I’ve disabled the cache plugin, checked that my browser is pulling the updated style sheet, tested it in Chrome, Opera and on my Android phone, and clicked CTRL F5 for good measure.

    Here’s what I see on my desktop screen when I hover over the thumbnails. The black caption box should not be showing….

    Captons Screenshot

    Thank you.

    #597301

    In reply to: Adding to sub menu

    Hi,

    Try opening js/avia.js and look for

    					if(scrolled + modifier > top_pos)
    					{
    						if(!fixed)
    						{
    							this.css({top: modifier - bordermod, position: 'fixed'}); fixed = true
    						}
    					}
    					else
    					{
    						this.css({top: 'auto', position: 'absolute'}); fixed = false
    					}

    Change it to:

    					if(scrolled + modifier > top_pos)
    					{
    						if(!fixed)
    						{
    							this.css({top: modifier - bordermod, position: 'fixed'}).addClass('menu-fixed'); fixed = true
    						}
    					}
    					else
    					{
    						this.css({top: 'auto', position: 'absolute'}).removeClass('menu-fixed'); fixed = false
    					}

    That should toggle a class of menu-fixed to the submenu container, with that you can modify the appearance of a specific menu item with CSS:

    .menu-fixed .custom-menu-item{
    display: block;
    }
    

    Regards,
    Josue

    #597288
    TedGL
    Participant

    Hi,

    I have a mailchimp form on my home page. On mobile the form fields won’t align left to match the topmost field.

    Regards,
    TedGL

    #597282

    Hey czig!

    I will do close the topic here, please create a new one if you do need anything else.

    Cheers!
    Basilis

    #597258

    Hi

    I have managed to hide the button and only show on mobile devices,

    But the button covers my logo. see screen shot below.

    This is our custom css

    #header .widget {
    left: 50%;
    padding-top: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: 999;
    }

    Thanks

    #597244

    Hi Yigit !

    I used your code ( .avia-bullet { display: none !important; } ) to remove arrows and it works.
    But the other one ( #top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0; } ) doesn’t…
    In fact, it correctly works when the menu titles are only text, but on my website, I put fontello icons in the menu titles ( using codes like : [av_font_icon icon='ue801' font='cinema' custom_class='bouton-dcp'][/av_font_icon] DCP ), so with your code it makes my menu appearing like “stairs”, but not aligned.
    Is there a solution to ‘use the blank space’ where the bullet was? like wanted to do arielkas in this post ?

    One last question : is there a way to replace small arrows in the menu by fontello icons ( like I did my way ), but one icon per title in the menu ? ( Maybe using custom class in the menu titles or something like that… )

    Thanks !

    #597241

    Hey inMotionGraphics!

    Thanks for reaching out to us!

    I visited the link you provided and did not see the gallery captions being displayed on mobile nor on desktop views. If you want the gallery captions to only be hidden on mobile devices, try media query CSS. So the code you used, should look something like this:

    @media only screen and (max-width: 764px) {
    .avia-gallery-caption (
        display: none !important;
    }
    
    .avia-tooltip.avia-tt {
            display: none !important;
        }
    }

    Best regards,
    Jordan

    #597239

    Since many of us are developers of some kind and use Firefox desktop (especially for Firebug), many of us use Firefox for mobile too. I hope the team really considers including support for it soon. This way Enfold will be the best of the best for every device.

    Thank you.

    #597223
    czig
    Participant

    Can somebody explain where to edit the options for the social icons at the top of this right sidebar please? I want to change the links from Kriesi’s to mine!

    RESOLVED: THESE ARE IN A WIDGET!

    • This topic was modified 10 years ago by czig. Reason: Resolved
    #597222

    OMG, yes! :) Thank you! You can close this topic.
    Cheers!
    Peter

    #597220

    Thank you for your help again! Your team is the best support team! :)
    You can close this topic. :)

    #597219

    In reply to: Add code to header tag

    Thank you again. You can close this topic. Hava a nice day!

Viewing 30 results - 98,971 through 99,000 (of 142,852 total)