Docs

[Kunal]

Hello! Sir,
Thank You for this awesome theme. I have a few questions. I am working on Renew 10 child theme and also upgraded the latest x them.

1. Is it possible to include a portfolio page or item in a single page navigation I am using Renew 10 on a child theme ?
Please suggest. I tried but somehow not able to figure out,
2. My Visual Composer VC looks and behaves differently than shown in the demos is this normal, Trying to add any item likes contra band etc completely changes the alignment of the page.

Thanks a lot
Regards
Kunal

[Kory]

Hey Kunal,

Thanks for writing in! You certainly can include standard links in with your one page navigation as well. Clicking on this link would lead off to your portfolio page or item on a separate page, but it can definitely be done.

Can you provide us with some more information on how your Visual Composer is behaving (perhaps supplying us with some screenshots) so that we can assist you with this?

Thanks!

[Kunal]

Hello! Support Team Thanks for your quick response.

Ok so how do I paste the screen shot here I have captured the screen in png but not sure how to paste here in this window sorry about that. I will try again.

Ok so if you could see my VC window which is not visible now so let me explain as best as I can to simulate, I do not see the contra band edit window e.g in my website I have used the example exactly like Renew 10 and if you can go to the contact portion which is almost brick red in colour is actually visible in the VC window as a small colour code showing the edit band option, I do not see that at all infact none of them, i have used the classic composer and added the code snippets. But if you look at my website now http://www.pixcelstudio.com

The main page heading appears smaller “The Internet” which appears larger in the demo.

If I make any changes in the VC the whole page layout changes 🙁 so I am too scared to make any modifications there.

Also please see the Home page, there are gaps and rows are not aligned also the text in the demo row “Skills” appears to be darker than in example file which I have used, I am not sure where to make this text appear white as I can’t see the Visual Composer and contra band element.

The Portfolio was not working with /portfolio/ slug and then I changed it to an actual Page but now I can’t go to other Menu items once I click Portfolio. However I would like to use the latest upgrade in the code and ensure I follow that example but if I do that I see Error 404 page not found. Any idea where I could be going wrong ?

This is a wonderful theme and learning is making it even more fun as I do not have any experience with CSS etc, please do help.
Thanks a ton
Cheers
Kunal

[Kory]

Hey Kunal,

Thanks for writing in! Thank you for providing us with all of that information. Unfortunately, I cannot ascertain the exact source of your issue quite yet. To look into things further, we’ll first need you to provide us with some information below (don’t forget to select Set as private reply to ensure that your data remains hidden):

1. Your URL.
2. Your WordPress login credentials.
3. Your FTP credentials (in case we need to check anything out on your server).

Once we have all of this, we’ll be happy to take a deeper look into things.

Thanks!

[Kunal]

This reply has been marked as private.

[Kory]

Kunal,

I believe all of these issues to be a matter of misunderstanding how the plugin itself works. Allow me to explain.

Visual Composer is very finicky in the way that the shortcodes output from it must be structured to work right. If you copied in the Visual Composer compatible homepage demo content into your homepage from the Demo Content section here in the member area, you will find that everything works as expected. If you switched to the Classic Editor from Visual Composer at any time to make edits, then this is likely where you’re seeing the error from things not working anymore. Once you have started to use a page with Visual Composer, you must continue to use Visual Composer. Switching to the Classic Editor will only cause problems.

Regarding the styling of the text, the original text from the imported demo content had some inline styling in place to make the text different colors where needed. You appear to have removed that and replaced it with your own. Again, we recommend you start from scratch with our homepage templates, edit things in Visual Composer, and not delete elements entirely. Simply swap our content for yours and everything should work as expected.

Regarding spacing on elements, in order for pages to flow properly, all elements must receive some type of margin or padding to give adequate spacing. Headings by default receive a certain degree of margin up top to space a normal document out nicely. Think if you had a long page with just paragraphs and headings, this spacing is what would give your eye a visual break between sections. Additionally, the [content_band] shortcode (among other elements) by default has some margin on the bottom for this very same reason, normal document flow if you’re using it in a standard page.

While this spacing is beneficial in regular documents, it can become troublesome in these particular instances. Fortunately, we have provided our users with plenty of great helper classes, which are listed out towards the end of our documentation as well as in the Knowledge Base. The one you might want to use in this instance is the mtn class on your heading, which stands for “margin top none.” This will remove the excess spacing from your heading by adding it via the class attribute like so:

[custom_headline class="mtn"] ... [/custom_headline]

Which would look the same if you’re using a [feature_headline] shortcode:

[feature_headline class="mtn"] ... [/feature_headline]

Additionally, it would work on standard HTML:

<h2 class="mtn"> ... </h2>

As stated above, the [content_band] shortcode features some additional margin on the bottom for spacing concerns. This can easily be disabled via the no_margin attribute, which you can set to true to remove the spacing beneath the band. You would do that like so:

[content_band no_margin="true"] ... [/content_band]

To figure out where any extra spacing is coming from in the future, you can do this very easily in Chrome. Simply right click on the element in question and select Inspect Element. This will bring up a popup at the bottom of your window which will show your page markup on the left and CSS on the right. You can hover over the markup in the popup to see where excess margin and padding is coming from. Margin is marked with an reddish/orange color, and padding is green. Once you have this information, you can come back to your page and either adjust with your own classes, inline styling, or our helper classes if that suffices.

Your portfolio appears to be working for me at this time, although I would recommend changing your permalinks away from the standard ID and to something more user friendly.

Thanks!

[Kunal]

This reply has been marked as private.

[Christian]

Hey Kunal,

Please try to set your page template to Blank – No Container | Header Footer.

Hope that helps. 🙂

[Author]

Posts