Discussion on Fragment - Responsive One Page WordPress Theme

115 comments found

ahenry Purchased

Hi. post-sale question. How do I change to a top menu bar for larger screen? thx.

66Themes

Hi there,

Thank you for your purchase!

That would require modifying the theme as such a menu is not available, only the left slide-in menu. If you need help with this, look around on Microlancer for example.

Kind regards, 66Themes

Default-user
ahenry Purchased

As per your prior comments “Yeah sure, that should be possible with a few CSS changes!” Can you please provide. Thanks

66Themes

I’m sorry, but it doesn’t work like that. You have to realize that themes here are bought as is and you are of course free to customize them to your liking. Yes, it is possible with a few CSS changes, but it still requires some work. Some people do the customizations themselves and other find someone to do it for them.

I hope you understand and let me know if you have any more questions!

Kind regards, 66Themes

ahenry Purchased

Load time is really bad—

Hi. When I don’t use the slider the site fires up quickly, but when I activate it the site hangs for 4-5 seconds and just shows a black screen with headline and icon. After this the icon changes and slider images start to show. I ran a few speed tests on both my site and your demo site and get very similar results.

66Themes

Hi,

load times are dependant on the images used in the slider. And of course the speed of your connection. But make sure you use compressed images with the smallest file size possible. You don’t have to worry about dimensions since the images are always scaled to fit, but file size is essential.

Let me know if you have any more questions!

Kind regards, 66Themes

Hi,

on your demo page you have a preview video that expands to the whole page. I don’t see the shortcode to duplicate this on our site. Could you help me with this please? Thanks

66Themes

Hi there,

I assume you’re talking about the video that covers the dividing section? It’s not a shortcode, but functionality you can add when you create a divider.

Just setup and select a new Page Divider and you’ll find the appropriate options for setting up a video overlay in the General Page Properties of the Content Designer.

Let me know if you require any more assistance!

Kind regards, 66Themes

Default-user

worked like a charm! Thanks

66Themes

No problem!

Great Theme! Can it work with woo commerce and wpml?? the last concern! Appreciate~

Cheers!

66Themes

Hi there,

Thanks! :) Haven’t personally tried it, but I don’t see a reason why it wouldn’t.

Let me know if you have any more questions!

Kind regards, 66Themes

For the video tutorial thats located in the page builder, do you have a link to the actual video or any other tutorials on the page builder. I’m having viewing it, there is no ‘Full Screen’ option.

66Themes

Hi there,

sure you can find them right here, on YouTube: https://www.youtube.com/user/66themes/videos

Kind regards, 66Themes

Default-user

Thanks…. I’m in the process of building the site and ran into a few problems. I’ve added a dividing section and included the video in the divider but for the text on the left hand side I added a Button. How do I center the Button to the text. Here is the site: www.demo4myzipmedia.com and I’m talking about the ‘School Divider’.

Also how do I or where do I create a slider like the one on the demo?

66Themes

In the WordPress editor(not the Content Designer) you can simply select the shortcode as text and click the icon which centers text.

To populate the slider go to Appearance -> Theme Options and click the Sliders tab.

Let me know if you have any more questions!

Kind regards, 66Themes

Hello,

Thanks for the theme! I love it. I have one question though. I use images (in the portfolio slider) that have a white background. This means that the icons (navigation, close etc.) disappear in the background. Is there a way to change them to black icons (for all the portfolio items)?

Thanks in advance and if you’d like to respond in Dutch, dan is dat geen probleem. Sterker nog, dat zou veel makkelijker zijn ;)

Edwin

66Themes

Hi there,

thanks, glad you like it! Of course, try adding the following CSS to the Custom CSS option box in Appearance -> Theme Options:
.slider-active .modal-top-bar .button-close,
.cbp-bicontrols span:before {
    color: #333;
}

This will make the buttons a dark grey color. Feel free to edit the color value to your liking!

Haha you’re absolutely right I could reply in Dutch, but I’d like the comments sections to be open and transparent to anyone visiting :)

Let me know if you have any more questions!

Fijne avond, 66Themes

Default-user

Hahah… Thanks, I can relate. Thanks for the reply and jij ook!

66Themes

No problem and let me know if you have any more questions!

I’m finishing up the site which is a pretty awesome layout. There is a few questions I’m still waiting on answers for but since then I have more questions.

I placed a video on the service divder and when you click the video it opens up a blog page? What’s strange is I click it from my MacBook while signed in and it opens to the video link I’ve placed and expands but from the desktop it opens a blog page inside of an ‘IFRAME’? suggestions and I’m not at all a professional programmer…. ;

2) Also on the services divider I edited basically what you had and placed a button. The button is below the text but it’s not centered. How can I center the button to the text?

3) Prices: Is it possible to remove the ’/’ in the prices?

4) Team Members: I see there is only room for 6 team members without having to create another colum. I removed the second colum but there is a big blank space under the team members and before the divider…. Is there a way to fill in the gap or will adding other elements to section/page work? Any suggestions regarding adding more team members and the page not look bad?

5)How do I add new icons? If I purchase them where and how do I add them to the template?

6) The Facebook and Google+ buttons, how do I activate them for the specific page?

7) Tha ‘About’ page seems a little low. Any suggestions on how I can adjust the placement of the text element?

the sites link is: www.demo4myzipmedia.com

66Themes

You’re welcome!

Let me know if anything else comes up.

Cheers!

Default-user

I’m still having trouble with removing the empty white space on the ‘staff’ page before it transitions into the divider? Any suggestions I even tried removing any space I could visually see???

66Themes

I definitely saw white-space being added to the elements in the form of paragraph tags. Are you absolutely certain you removed them?

If you are and you really can’t find the problem, I can take a look for you if you want. In that case, feel free to send me the login details to the WP installation using the contact form on my profile page.

Cheers!

Hi 66Themes,

I really like your Fragment theme and used it for www.stijlvol-wonen-brabant.nl

I’d like to add an icon to the bottom of every page (like the one on the home page that allows visitors to scroll to the next page. I have tried to add an icon and use the URL of the next page, but since it’s a onepage theme it does not recognize that URL.

Is there a way for me to implement this with a shortcode or something?

Looking forward to your reply,

Sander Stekelenburg

66Themes

Hi Sander,

thanks, glad you like it!

Such functionality is not included in the theme. It is possible though, but it does require some work. Here’s how:
  1. Open the js/main.js file.
  2. Add the following code in this file:
    // Scroll to section on button click
    $(document).on("click", ‘.scroll-page', function(e){
        e.preventDefault();
    
        $('html, body').animate({
            scrollTop: $($(this).attr("href")).offset().top
        }, 1000);
    });
    Make sure you add this outside of any function.
  3. Now you need to create an anchor that actually works with the new JS:
    • Add the classname scroll-page to the anchor.
    • For thehref, set the ID of the element you wish the page to scroll to. In your case, this is section-over-ons
    So, your anchor should look something like this:
    <a href="#section-over-ons" class="scroll-page">
        <img class="alignnone size-full wp-image-1100" alt="Arrow-Down" src="../wp-content/uploads/2013/07/Arrow-Down.png" width="67" height="67" />
    </a>
    

And that’s it, let me know how it works out! And if you have any more questions, don’t hesitate to ask.

Kind regards, 66Themes

Hello there. I just bought your theme and honestly, my biggest congratulations. It’s incredibly nice to use and the design is just perfect.

It’s the first time I see something as the Content Designer you made. It’s incredibly well thought and well done. You should really showcase it more in the presentation of your theme, it’s a huge additional value compared to all the other themes. It’s a pleasure using it for making my website.

I have quite a few questions :

1 – Is it possible to have transparency on the background of a page or separator ? It would be awesome to play with this in order to have original design and user experience while scrolling the website. I’ve tried to put a png background but it shows white color behind the image.

2 – Can we have parallax effect elsewhere than the home slider ? For example in dividers ?

3 – I have an issue with the text editing window, it doesn’t display the visual editor and I don’t have any of the default editing buttons of wordpress. In your video they are displayed, but I don’t have them and I’m forced to use only the HTML view.

4 – Can I change the hover color of a thumbnail hover ? In order for it to be more coherent with the website’s colors.

5 – Can we change the design of the buttons ? I don’t like very much. I would like to have simple squared frames.

6 – Can we put just a background color in a divider ? I see only background images for it.

7 – I don’t really understand the use of dividers. What’s the difference between a divider and a page ? The height ?

8 – I didn’t understand the archive template. I want to use for the rest of my blog posts but it doesn’t display.

9 – So there’s no other way to display another round of blog posts ? Like for example a button “Display more posts” and they appear ? Or page numbers ?

10 – How can I display page titles ?

11 – I use a multilingual website. Is there a way to display flags in the menu ? Or display them near the social icons ?

12 – I’m using qTranslate to translate text and posts, I don’t like very much wpml. How can I translate the template ? Also, some fields don’t accept the translations through shortcodes.

Again I strongly congratulate you, it’s just an awesome theme !

Zoubergibof

Ok thanks, I’ll keep an eye on it then.

66Themes

I’ve sent you the e-mail!

Zoubergibof

Great ! Thanks, I’ll reply to you soon enough, with a lot less requests :)

Hello, I’m thinking buying the web template, but I see that on my phone (android 4.3) and ipad mini retina(ios 7) is not working properly, the browser closes unexpectedly. The scroll down within portfolio does not work in my phone and ipad.

you could check the web template android 4.3 and ipad mini or ipad with ios 7?

Sorry for my English :)

66Themes

Hi there,

thank you for your interest!

Unfortunately, the page seems to crash on some portable devices. Seems to be a memory issue, but haven’t been able to find the exact cause yet. Seems to only be a problem with certain devices and OS’s.

So I got no solution at the moment, hopefully I’ll find something in the future. Hope you can still enjoy the product in the meantime!

Kind regards, 66Themes

Hi there,

2 questions i’ve trouble to fix :

1. Is it possible to add pictures in the text description part of portfolio ( i mean you have the slide pict when you click on appropriate icon and a text description by default) ?

2. When i add pictures, none are shown on the website. It seems that the relative field does not work. Each time i insert a pict i have this in the html view : ”../wp-content/uploads/2013” instead the usual link “http://namesite…”

How can i fix this ? Thanks in advance

66Themes

Hi,

  1. Sure, you can just add images to the content, either by using the Content Designer or just the default editor.
  2. That’s strange. Do you have an example page/site I can take a look at?

Thanks!

Kind regards, 66Themes

honkytonka

Hi, Sorry for the delay to reply. Problem is fix when i work directly on the website (and not in local for test). It seems that i’ve not well done my local serv… anyway problem is fix

thanks again for your help

66Themes

That’s good to hear! Let me know if anything else comes up.

Cheers!

Hi! I like your theme and I want to purchase it, but since I’m a beginner, I’ve got two (probably stupid) questions:

1. This is probably not an issue regarding only your theme, but I’ve searched on the web and I didn’t find an answer, so it will be really helpful for me if you can answer. Is it possible to use this theme on a free webhosting site (like Altervista)? Will I have complete access to your content designer/page builder installing your theme?

2. Is it possible to put things like your ‘theme’ part inside toggles? I mean, columns with circular images and related descriptions.

Thank you in advance!

66Themes

Hi there,

thank you for your interest!

  1. Never heard of Altervista before, but I’ve done some quick research and it seems that it’s possible. Altervista supports PHP 5.3 which is required for both WordPress and the Content Designer.
  2. Not sure what you’re referring to with the ‘theme’ part, but it’s possible to add pretty much any content to toggles.

Let me know if you have any more questions!

Kind regards, 66Themes

Default-user

2. Sorry, I confused myself. It wasn’t ‘theme’, I meant ‘team’, your team part. I’d need to have your columns with in each column one image and a related text, but all this stuff inside a toggle. Is it possible?

Thank you very much for your answers.

66Themes

Yes, it’s possible to place team member info inside a toggle. You can place most shortcodes inside toggles actually!

No problem!

I’ve been doing some checking and I’ve seen an error in the section of the portfolio in mobile version, checking it on my phone (Sony Xperia Z1) when I go to a portfolio project I can do scoll down but then can not do scroll up. You could check if this problem exists on another device? and that if any solution? Are you going to get more updates this template?

I am very interested in purchasing this template, but first I want to solve these problems.

regards Miguel

66Themes

Hi there,

thank you for your interest and thanks for letting me know. I’ve never tested the site on the device you mentioned, but I expected it to work on any.

To help me pinpoint the issue could you tell me which mobile browser were you using? Did you try any other? And I’m assuming you’re using Android as the OS.

Let me know!

Kind regards, 66Themes

Default-user

I’m using chrome on Android 4.2, it is like you are doing scroll the home and not the separate section of this portfolio that being in the top layer.

Also in the ipad mini retina, when you turn the tablet is broken browser (safari and chrome)

Sorry for my bad English

66Themes

No problem! Well, not sure why it’s happening but I’m going to look into it.

Cheers!

Hi there,

I would like to know if:

1) It’s possible to shift the navigation menu from its current position to vertical right? An example is this website: http://joingdcmb.ca/

2) Does it support full width background images?

Thanks!

Best, Val

taynval

thank you for the info!

taynval

Is it possible for the menu to “always show”, then?

66Themes

Again, there is no option available to activate such behaviour, but it is possible by modifying the theme.

Cheers!

Hello,

i really like your theme and have a few questions.

1. Can the background image in the header also show through in the nav menu? Basically can the nav menu be made to be transparent so the background image in the header appears behind it, but when you begin to scroll down the page the nav menu should not be transparent, but have a background color so you can see it? if this is not available out of the box, then how can this be done?

66Themes

Hi there,

thank you for your interest! Such an option is not available by default and would indeed require modifying the theme. It can actually be achieved in a couple of ways by just modifying the HTML structure and CSS. How you do it and how much time it would take is dependent on the skill level of the person making the change.

Let me know if you have any more questions!

Kind regards, 66Themes

Default-user

Yes I am up to snuff with html and css although I am not a guru, but can you give some guidance as to how to accomplish this in your theme. Again, I want the menu nav bar to be transparent so the background image is shown and then as you move down the page the men nav bar is filled. I am not aware of anyway to detect a scroll with css. Do you have a code snippet?

66Themes
I was a bit confused by your initial question, but you indeed need JavaScript to achieve this. Try the following:
  1. Open the js/main.js file.
  2. Replace the following code:
             window.onscroll = function() {
                 var targetOffset = $(".wrap").offset().top-200;
                 ($(window).scrollTop() <= targetOffset) ? (mainSlider.play()) : (mainSlider.pause());
             };
    With:
             window.onscroll = function() {
                 var topBar = $('.top-bar');
                 var targetOffset = $(".wrap").offset().top;
    
                 if ($(window).scrollTop() <= targetOffset) {
                    mainSlider.play();
                    topBar.removeClass('visible');
                 } else {
                    mainSlider.pause();
                    topBar.addClass('visible');
                 }
             };
  3. Open the css/main.css file.
  4. Replace the following CSS:
    .top-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    
        z-index: 888;
    
        background: white;
        background: rgba(255, 255, 255, 0.85);
    }
    With:
    .top-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    
        z-index: 888;
    
        background: white;
        background: rgba(255, 255, 255, 0.85);
        opacity: 0;
    }
    
    .no-js .top-bar,
    .top-bar.visible {
        opacity: 1;
    }

Apologies for the late reply and let me know if this is what you meant to achieve!

Kind regards, 66Themes

tsegg Purchased

Just bought this great theme. In the psd, I do not see raleway font. p.s. is that the only one you are using?

66Themes

Hi,

thank you for your purchase! :)

There are 2 fonts being used: Raleway for headings and Lato for content text. You can download and install them for free on http://www.google.com/fonts/, allowing you to use them in Photoshop.

Kind regards, 66Themes

Default-user
tsegg Purchased

got it. Thank you!

66Themes

You’re welcome!

Hi, How do I disable the gallery option on the portfolio page. I don’t want the text or gallery circle on the top right hand side. Don’t want any further option for portfolio slider, slider alt etc

66Themes

Hi there,

you can disable the gallery by simply not selecting a Gallery for your portfolio page.

Go to the Content Designer, click the General Page Properties and for the ‘Portfolio Item Gallery’ option pick ‘Select Photo Type’ aka none.

Hope this helps!

Kind regards, 66Themes

A couple of other questions. How do I disable the words when the second slide comes in when the site opens ? Also, I would like to add extra options for the contact form or at least change the words on the box titles, how do I do that.

thanks in advance

66Themes

Hi,

No problem, but I’m not sure what you mean with the first question. Could you please elaborate?

The contact form included with the theme is intended to be used for simple messaging. To create more complex forms I always recommend using a plugin such as Contact Form 7.

You can directly change the placeholder text in the /framework/admin/contentdesigner/theme_fragment/shortcodes/contactform_shortcode.php file.

Kind regards, 66Themes

When I create a new default page and a page divider, how do I tie them together? I can’t seem to place the page divider below the new default page.

Thank!

Default-user

Nvm, I found it. It took me 15 minutes and I couldn’t find it. Then I found it right after posted here. For people who might have the same question, it’s under Content Designer – General Page Properties of the default page.

I love this theme!

66Themes

Glad you found it :)

Let me know if anything else comes up!

Kind regards, 66Themes

Hey there,

I’m having a problem with limiting the number of visible blog posts on the blog page.

I want to limit the number of blog posts to 6, but when I do that through the Wordpress options (settings > reading > blog pages show at most X posts ) it also seems to limit the number of visible pages. The pages still show up on the side menu, but they’re not actually there.

Is there a work-around, or some way to fix this?

Thanks.

66Themes

Hi there,

Unfortunately, I can only give support to verified buyers. Did you maybe buy the item on a different account? If so, please login using the buyer’s account and leave a comment so I can confirm your purchase!

Kind regards, 66Themes

by
by
by
by
by
by