Hi,

You can increase the font size using standard CSS. First, you need to identify the CSS elements that you want to change the font size of, and then use the font-size and line-height CSS properties to make the changes.

This piece of CSS should stop the navigation bar from floating at the top of the page when scrolling.

.site-header { position: absolute !important; }

- Eugene

Thanks a lot! And, by the way, the header image is 1200px width, but is being scaled to 150% and because of that, it appears a little bit unsharp, any way to fix that? thanks!

Hi,

Header and background images are always scaled to fill the content width, so the image you upload needs to be larger. I would recommend at least 1440×960px.

- Obi

Hi,

Below the Header Background Image option there should be a Header Background Video text box where you put a YouTube video page URL. There’s no upload button because the theme uses Visual Composer’s background video code and Visual Composer only supports YouTube background videos.

Thank you for the reply!

Hi,

I’ve tested the Post Grid visual composer element on the theme demo and I can’t replicate the issue. Can you please post a link to the page on your site where the issue can be seen so I can investigate further?

- Eugene

Hi,

I have come across a bug before where preset would not apply and the only fix was to reset all theme options. Unfortunately this does mean you will have to reapply all the theme options so I recommend exporting your current settings first by going to the Import / Export section of the theme options.

Then once you have a backup of your settings click the Reset All button on the theme options screen. You should then be able to apply one of the colour presets.

I hope this helps.

- Eugene

Ok thanks – I have not got the option of an update on my side – how can I do this? Thanks

Download the plugin from your themeforest account. Delete the version on your site and install the new version.

Thanks – I’ll try that and I appreciate your quick help!

You use standard CSS to change the fonts. I would recommend doing that in the style.css of your child theme. You can use your browser element inspect tool to identify the CSS selectors for different piece of content to change their fonts.

These guides should give you some idea of how to go about doing it:

Also it does not show contributor pictures to the same group… massive issue.. any thoughts on that?

The flickr widget is a default Visual Composer element so you will have to contact Visual Composer support for help with that.

I have tested the Flickr widget with the default Twenty Sixteen theme to make sure it’s not a theme issue.

It looks like you are using the playlist URL. You need to use the actual video page URL.

Perfect! Thanks

I would recommend searching for a tutorial explaining how to add a sidebar.

Start by creating a new “Page with Sidebar” page template and adding the sidebar code after the page content. You then need to split the content and sidebar into separate containers and float them side by side.

Where do i have to put/paste this code? sorry im an art director, only knows photoshop and was so hard to do this www.halleyarrais.com by myself

Go to Theme Options > General and then put the code I posted above in the “Desktop & Mobile” textarea.

Perfect! Thanks for your help

To change the post archive layout go to Theme Options > Blog. Scroll down to the Post Archive Grid Width option and set it to Boxed or Narrow.

This should do it. I’ve tested it in browser and it looks right but you might need to do some tweaks.

.site-footer .widget:nth-child(3n-2) { clear: none; }

.site-footer .widget:nth-child(4n-3) { clear: both; }

.site-footer .widget:nth-child(1),
.site-footer .widget:nth-child(2),
.site-footer .widget:nth-child(3),
.site-footer .widget:nth-child(4) { margin-top: 0; }

.site-footer .widget { width: 25%; }

@media only screen and (max-width: 769px) {

    .widget,
    .site-footer .widget:nth-child(2),
    .site-footer .widget:nth-child(3),
    .site-footer .widget:nth-child(4) {
        margin-top: 40px;
    }

}

Sadly that did not work on my end, it still pushes the last logo into the next row although its not a big one. Any ideas? I am not sure how I would alter your code to get this right.

All widget columns seem to be the right width (25%) and changing the margin of course does not do anything.

I’ve retested the code and it’s working as it should on the theme demo as you can see here: http://themes.eugeneo.com/experience-business/

You can add the CSS to the Custom CSS options in the theme options (under the General tab).

.site-footer .widget:nth-child(3n-2) { clear: none; }

.site-footer .widget:nth-child(4n-3) { clear: both; }

.site-footer .widget:nth-child(1),
.site-footer .widget:nth-child(2),
.site-footer .widget:nth-child(3),
.site-footer .widget:nth-child(4) { margin-top: 0; }

.site-footer .widget { width: 25%; }

.site-footer .widget,
.site-footer .widget:nth-child(2),
.site-footer .widget:nth-child(3),
.site-footer .widget:nth-child(4) { margin-top: 40px; }

Image captions are not shown in Experience galleries because the ”+” icon is shown instead on mouse over.

To add captions when the images are hovered over changes need to be made to vc_templates/vc_gallery.php. Having looked at the code it’s not a straight forward line for line change so I can’t provide the exact code needed to do it.

There is a section of code around line 65 that outputs the hover icon. As it is now, the gallery only shows that hover icon if the gallery item links to something (either the larger image or a custom URL). You would have to adapt that to also check for a caption and then show the caption text if the caption exists or show the ”+” icon if there is no caption but there is a link.

From what I can tell $post_thumbnail is the array containing the image’s details however that array is returned from a Visual Composer custom function so I have no idea whether it actually has the image caption.

The best option would be to use a dedicated google analytics plugin.

To use google fonts outside of the Custom Heading Visual Composer elements you have to first load the font files and then apply the fonts to the CSS selectors using standard CSS.

To load the fonts you can either do it manually in your child theme’s functions.php or experiment with a google font plugin. I have not tried any of these but they might be worth you looking into:

If anyone wants to know how to do this fairly easy, without having to install another plugin:

Copy this (with your respective link, check google fonts for this) into the functions.php file:

function load_fonts() { wp_register_style(‘et-googleFonts’, ‘https://fonts.googleapis.com/css?family=Lato:400,300,700,900'); wp_enqueue_style( ‘et-googleFonts’); } add_action(‘wp_print_styles’, ‘load_fonts’);

You can email login details to hello@eugeneo.com.

The user role for the account you provided is not able to see the site while in maintenance mode.

I have taken a look at your site. The scrolling links are not working because the IDs you have given the rows have spaces in them. The row IDs need to be valid CSS IDs. That means the IDs can’t contain spaces and they should begin with a letter.

The scroll position will be off when scrolling back up the page because the fixed position navigation bar is displayed when the user scrolls up covering the top of the content. The WordPress admin bar will also effect the scroll position but that is only visible to administrators logged into your site so it shouldn’t be much of a problem.

Thanks. For anyone else looking to solve this issue:

Page Custom CSS settings, add this, for instance:

.padding-v { padding-top: 60px; padding-bottom: 20px; }

.site-footer .padding-v { padding: 60px 0 20px }

The .padding-v class is used throughout the layout so you would be altering more than just the footer.

ups yes i ommited the important id

I had to play around with the image order in the visual editor when adding them to the gallery to get them to fit nicely like they do on the demo. You can drag and drop the image thumbnail in the visual composer gallery block settings after you’ve selected the images.

I am using the “Image Gallery” component of visual editor to create the gallery, are you using the same one and are you using image gallery for one single image then to create the effect you got?

I am also using the Image Gallery component.

After you have selected the images you want in the gallery the images are shown as square thumbnails in the “Image Gallery Settings” settings window (they have red cross icons in the center). You can drag and drop those thumbnails into any order you want. It took me one or two trial and error attempts with the images in different orders to get them to appear in the layout how you see on the demo.

Save the file and import it using the WordPress import tool.

Are you using the latest version of the theme? Try disabling plugins one by one to see if any are causing a conflict.

After looking at your site closer the issue could be because you are using relative URLs instead of WordPress default absolute URLs.

Hi, thank you for the reply. I tried to disable the relative URLs but no change. I will update the staging environment and try to deactivate all the plugins and debug it there and let you know. And yes, it is the latest version of the theme.