Please help me solve these issues! :)

edited May 2015 in Theme support
Hi Team BEtheme,

I recently purchased a second copy of your theme (due to your INCREDIBLE support) from ThemeForest.net so I could use a license on my own site (I sent a private message with details). Thanks in advance for your amazing support! :)

Site link is here: http://bit.ly/1EAnWLb

NAV
  • How do I change the font thickness for the menu navigation only? I don't want the rest of the site to be effected.
  • Is there a way to change the font or thickness for the 'Do you qualify' button separately?
  • I'd like only the phone number to move over to the right side so it's beside the social icons (on the left side of the icons). This way my tagline is on its own which I prefer. How would do I do that?
  • If I wanted to add text that says 'BLOG' beside the icons, how would I do that?
  • There is a black arrow in the top right corner of the site. Where do I adjust if that shows up or not, and how do I control what is shown inside of it?
  • Is there a way to make the mobile navigation persist after they scroll (so they can see the menu icon still)?
TOP AREA (slider below nav)
  • How do I get it so the button that says 'It All Starts Here' on the top slider scrolls smoothly when clicked (like the menu items do)? It goes to #whatido. Currently it just jumps to that location without scrolling smoothly.
'WHAT I DO' AREA
  • I'm using Wistia for my videos which doesn't appear to be supported in Muffin Builders video addon. Wistia has a feature called VIDEO FOAM, that changes the size of the video based on the container it is within. If it gets smaller, it responsively makes the video size smaller. I like this, but I do not want the video to take up the entire size of the full width layout in desktop mode (since the container would be filled fully. I used the 'WP Content' and used a 3/4 column with the HTML embed code inside to get the size right. How do I center that column? Or is there a way I can center a container that has a specific width (that I can put the embed inside of)?
  • The testimonial widget styles do not work with the colour I have. I'd like to remove the underlines, and be able to change the colours of the text (testimonial text, name of person text and company name text independently). I'd also like to control the background box. How would I do that?
  • At the end of the 'What I Do' section I have 4 icons with the title 'Are you leveraging 80/20 Best Practices?'. How do I get the text below the icons to be white? I tired using HTML tags with text, which has worked for bolding sometimes, but it did not change it this time.
OVERALL ISSUES
  • I'm having difficulty getting images to be full width without parallax within a section. Check out the section in 'My Story', scroll down a tiny bit to see a big picture of soldiers from the movie '300'. I do not want this image to parallax, but can't get it to stay put and be full width. Any ideas?
  • When you click 'Business Growth' or 'Lifestyle Design' how can I get the text to move over more to the right, so it's closer to the floating dude. ;)
  • Below this area is a rocket, how can I control the margin for text so it's not to close to an image via MuffinBuilder?
Thanks for all your amazIng help! Your support truly rocks!!!

TPSphi

Comments

  • Hi,

    NAV

    1,2. This is not possible to make font thick. Your font is currently thick.
    3. You can't move just phone. It is possible to move whole section on the left side to right.
    4. Please show on screenshot what you mean.
    5. This is Sliding top. More information about this you can read on http://themes.muffingroup.com/betheme/documentation/ (section 3.4)
    6. This is not possible.

    TOP AREA

    1. We do not see this button.

    'WHAT I DO' AREA

    1. To center that column, you must use "Placeholder" items on side and video in the middle.
    2. You can do this within below css:
    blockquote { background: none !important; }
    blockquote h4 { color: #000 !important; }
    .testimonials_slider .testimonials_slider_ul li .author h5 { color: #000 !important; }
    .testimonials_slider .testimonials_slider_ul li .author .company { color: #000 !important; }
    3. Below css will do this:
    .icon_box .desc_wrapper h4 { color: #000 !important; }
    OVERALL ISSUES

    1. We did not noticed anything wrong here.
    2. This is not possible.
    3. Paddings are fixed. One changed padding, will destroy all other styles on websites so it is not possible to do this.
  • edited May 2015

    Thanks for your quick response! My comments and links to screenshots for examples are below.

    NAV
    1,2,3. Ok no problem. 
    4. Here is what I'd like the top right corner to look like: http://bit.ly/1PGUglI  You will notice the word 'BLOG" inside the top slider, and that the icons are shifted to the left a little so they are never under the triangle for the top slider. Thanks for your help achieving this!
    5. Thanks for the link to the documentation! I have the widgets working now. :)
    6. Ok fair enough. That said, I'd love to vote for a persistant menu on the mobile version (a tiny menu stay at the top of the mobile devices screen as it does on the desktop version). I've seen this more and more lately on other mobile sites and its very handy. It would increase the usability of the sites on mobile devices greatly.

    TOP AREA
    1. I would like the button that says 'It All Starts Here' in the middle of this image (http://bit.ly/1PGUglI) to scroll smoothly to #whatido   This smooth scroll currently occurs when you click on the menu item 'What I Do'. How would I do that?

    WHAT I DO
    1. This worked great! Thanks :)
    2. Testimonials look awesome now. You rock!
    3. This actually changed the colour of other areas. In the end, I did not use the title in the icon box, and instead used the content area for a white google font. That worked for me! Thanks for putting that content box in there ;)

    OVERALL ISSUES
    1.  Here is a video of the parallax issue (http://bit.ly/1cxvmZ2). You will notice the problem for the warrior image, roulette wheel, clouds and other areas. The background images are scrolling, and I'd like them to stay full width but not scroll or move (remove the parallax effect). I'd like them to be static but still full width as they look right now. Here are the settings for the sections that I used: (1) (2)
    2. No problem. I found a workaround using <div "left"> with an image inside of it int he 'Visual Editor'.
    3. The margins are actually looking fine now anyhow. Not sure why this looked different before. No worries.
    Thanks for looking into the remaining issues highlighted above. Let me know if there is anything else I can provide to help you!

    Thanks in advance,

    TPSphi















  • NAV

    4. For sliding top, you can choose only icon under Theme options > Header & Subheader > Extras section. It is unfortunately not possible to setup text as well.

    TOP AREA

    1. To use smooth scroll, you must use class="scroll" for items but we are not sure if this will work with button. For sure this works with text.

    OVERALL ISSUES

    1. To remove parallax effect from background sections, you must use other Background position option then Parallax. This can be setup under section item settings.
  • NAV
    4. Ok thanks! Is there any way to add a custom icon? Also can we move the icons to the left a little as you see in this image? http://bit.ly/1PGUglI  If you look at my site the RSS icon is half way underneath the sliding top triangle, and when you mouse over it, it doesnt show the rollover state going black. Thanks!

    TOP AREA
    1. <div class="scroll"> </div> I tried to put this around the button and it didn't work. I'm migrating from a previous theme that used Revolution Slider and it worked there with a button style: http://bit.ly/1PIoo08 

    Here is the code for that button (see link):
    <div class="scroll"><a class="button white light scroller" href="#section-2">Let's do this!</a></div>

    Any ideas what is missing to make this work the same way?


    OVERALL ISSUES
    1. Yes, I understand that changing to something different than Parallax is supposed to stop that effect, but when I do that it still scrolls (does the parallax effect). If you look in the video you will notice that the 'Roulette wheel' image is doing a parallax effect, yet the settings are not set to parallax: http://bit.ly/1FeJ8Lo  Watch the video to see what I mean: http://bit.ly/1cxvmZ2

    What settings would you reccomend I use to get a full-width image as a background that does not scroll (or do any parallax effect)? Thanks again for your help!
  • NAV
    4. There is no other way to add custom icon at this moment. Sorry!

    TOP AREA
    1. Class should be added for a tag, not div. So the complete code should look like:
    <a class="button white light scroller scroll" href="#section-2">Let's do this!</a>
    OVERALL ISSUES
    1. We have checked 'Roulette wheel' image and this section is not parallax anymore. If you still see parallax effect on your side, this could be related with your cache plugin.
  • TOP AREA
    1. The top area scrolls no perfectly! Thanks again :)

    OVERALL ISSUES
    1. I'm still seeing the 'roulette wheel' image as parallax here in Chrome. I'm using WPengine for hosting and no caching plugin is being used. Any other ideas?

    --------------------------
    Lastly, there is a black space at the top of the 'Business Growth' and 'Lifestyle Design' pages (just click on the menu items). How do I remove that black space before the first section?

    Here is the link: http://bit.ly/1EAnWLb

    Thanks for all of your great help! :)
  • Sorry but we don't see 'roulette wheel' now at all because as we remember this image wasn't parallax when we checking last time.

    But this black bar is related with header background image. If you don't like it, please activate "Header Minimalist" option under Theme options > Header & Subheader > Header section.
  • Thanks for the help! Thanks to your help I appear to have everything resolved now except for two items below:

    a) I notice there are in-page popups included in this theme which is great (where the website goes darker, and a white window is on top with a close button). I'd like to have a popup window for a video by clicking on a thumbnail image on the page. Is this possible with your theme? If not, is there a plugin you can recommend that would achieve this?

    b) The star background in the footer does not stretch to full-width (you can see grey on either side). How can I get the footer background image to stretch so it takes up the full width? Here is the link: http://bit.ly/1EAnWLb  (you will need to scroll to the very bottom)

    Thanks again for the amazing support! Your theme is a pleasure to work with :)

    TPSphi
  • a) This is not possible and also we do not have any plugin for this.

    b) Background image is not big enough. We recommend to use full hd width - 1920px.
  • a) Wistia provides this code to achieve what I am looking for. I try embedding this with a Visual Editor and it does not work. Any suggestions on how I can include this HTML code? They give two options: one with oEMbed support, and one without.

    oEmbed
     


    Normal HTML
    <a href="//fast.wistia.net/embed/iframe/ikxi95td4f?popover=true" class="wistia-popover[height=360,playerColor=7b796a,width=640]"><img src="https://embed-ssl.wistia.com/deliveries/e9f8594955d2843cd94be34fc1fb38122768c490.jpg?image_play_button=true&image_play_button_color=7b796ae0&image_crop_resized=960x540" alt="" /></a>
    <script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/popover-v1.js"></script>




    b) Thanks, that works!
  • a) You can paste this code and try because we don't know if this will work.
  • edited May 2015
    a) I tried it in the Visual Editor but it strips away the script that is included. oEmbed doesn't seem to work. Is there any other way I can embed this code using Muffin Builder? Any other items I could use instead? Could you try the code on your end and see if ti works for you in any way? Thanks!
  • You can try "Column" item from Muffin Builder because this item was created was these kind of codes.
  • AMAZING! Thanks :) :) :)
Sign In or Register to comment.