Having issues to get similar layout to demo

I’m having issues with getting my theme to look like the demo (Integrity-7 and Shop).
I have imported the stack, and not expecting images etc to be there, but the layout is still very different.

It’s not going full width, the header bar is too big, the cart icon is over sized and doesn’t fit, colors are off etc etc
Is it possible for you to post the settings used for the demos?

Cheers

Hello There,

Thanks for writing in! The Integrity 7 and Shop demo are two different and independent demo sites. The Shop demo is using the default Integrity settings.

This is the integrity 7 customizer settings:

{"x_stack":"integrity","x_integrity_design":"light","x_integrity_topbar_transparency_enable":"","x_integrity_navbar_transparency_enable":"","x_integrity_footer_transparency_enable":"","x_integrity_blog_header_enable":"1","x_integrity_blog_title":"The Blog","x_integrity_blog_subtitle":"Welcome to our little corner of the Internet. Kick your feet up and stay a while.","x_integrity_portfolio_archive_sort_button_text":"Sort Portfolio","x_integrity_portfolio_archive_post_sharing_enable":"","x_integrity_shop_header_enable":"","x_integrity_shop_title":"","x_integrity_shop_subtitle":"","x_renew_topbar_background":"#1f2c39","x_renew_logobar_background":"#2c3e50","x_renew_navbar_background":"#2c3e50","x_renew_navbar_button_color":"#ffffff","x_renew_navbar_button_background":"#3e5771","x_renew_navbar_button_background_hover":"#476481","x_renew_footer_background":"#2c3e50","x_renew_topbar_text_color":"#ffffff","x_renew_topbar_link_color_hover":"#959baf","x_renew_footer_text_color":"#ffffff","x_renew_blog_title":"The Blog","x_renew_entry_icon_color":"#ddd","x_renew_entry_icon_position":"creative","x_renew_entry_icon_position_horizontal":"18","x_renew_entry_icon_position_vertical":"25","x_renew_shop_title":"","x_icon_post_title_icon_enable":"","x_icon_post_standard_colors_enable":"","x_icon_post_standard_color":"#d1f2eb","x_icon_post_standard_background":"#16a085","x_icon_post_image_colors_enable":"","x_icon_post_image_color":"#d1eedd","x_icon_post_image_background":"#27ae60","x_icon_post_gallery_colors_enable":"","x_icon_post_gallery_color":"#d0e7f7","x_icon_post_gallery_background":"#2980b9","x_icon_post_video_colors_enable":"","x_icon_post_video_color":"#e9daef","x_icon_post_video_background":"#8e44ad","x_icon_post_audio_colors_enable":"","x_icon_post_audio_color":"#cfd4d9","x_icon_post_audio_background":"#2c3e50","x_icon_post_quote_colors_enable":"","x_icon_post_quote_color":"#fcf2c8","x_icon_post_quote_background":"#f1c40f","x_icon_post_link_colors_enable":"","x_icon_post_link_color":"#f9d0cc","x_icon_post_link_background":"#c0392b","x_icon_shop_title":"","x_ethos_topbar_background":"#222222","x_ethos_navbar_background":"#333333","x_ethos_sidebar_widget_headings_color":"#333333","x_ethos_sidebar_color":"#333333","x_ethos_post_carousel_enable":"","x_ethos_post_carousel_count":"6","x_ethos_post_carousel_display":"most-commented","x_ethos_post_carousel_display_count_extra_large":"5","x_ethos_post_carousel_display_count_large":"4","x_ethos_post_carousel_display_count_medium":"3","x_ethos_post_carousel_display_count_small":"2","x_ethos_post_carousel_display_count_extra_small":"1","x_ethos_post_slider_blog_enable":"","x_ethos_post_slider_blog_height":"425","x_ethos_post_slider_blog_count":"5","x_ethos_post_slider_blog_display":"most-commented","x_ethos_post_slider_archive_enable":"","x_ethos_post_slider_archive_height":"425","x_ethos_post_slider_archive_count":"5","x_ethos_post_slider_archive_display":"most-commented","x_ethos_filterable_index_enable":"","x_ethos_filterable_index_categories":"","x_ethos_shop_title":"","x_layout_site":"full-width","x_layout_site_max_width":"1200","x_layout_site_width":"88","x_layout_content":"full-width","x_layout_content_width":"72","x_layout_sidebar_width":"250","x_design_bg_color":"#ffffff","x_design_bg_image_pattern":"","x_design_bg_image_full":"","x_design_bg_image_full_fade":"750","x_root_font_size_mode":"stepped","x_root_font_size_stepped_unit":"px","x_root_font_size_stepped_xs":"14","x_root_font_size_stepped_sm":"14","x_root_font_size_stepped_md":"14","x_root_font_size_stepped_lg":"14","x_root_font_size_stepped_xl":"14","x_root_font_size_scaling_unit":"px","x_root_font_size_scaling_min":"14","x_root_font_size_scaling_max":"14","x_root_font_size_scaling_lower_limit":"500","x_root_font_size_scaling_upper_limit":"1000","x_google_fonts_subsets":"","x_google_fonts_subset_cyrillic":"","x_google_fonts_subset_greek":"","x_google_fonts_subset_vietnamese":"","x_body_font_family":"Life Savers","x_body_font_color":"#333333","x_content_font_size_rem":"1","x_body_font_weight":"400","x_headings_font_family":"Bangers","x_headings_font_color":"#333333","x_headings_font_weight":"400","x_h1_letter_spacing":"0","x_h2_letter_spacing":"0","x_h3_letter_spacing":"0","x_h4_letter_spacing":"0","x_h5_letter_spacing":"0","x_h6_letter_spacing":"0","x_headings_uppercase_enable":"1","x_headings_widget_icons_enable":"","x_site_link_color":"#e74c3c","x_site_link_color_hover":"#b52f2f","x_button_style":"transparent","x_button_shape":"square","x_button_size":"regular","x_button_color":"#333333","x_button_background_color":"#000000","x_button_border_color":"#333333","x_button_bottom_color":"#8fc42d","x_button_color_hover":"#676767","x_button_background_color_hover":"#8fc42d","x_button_border_color_hover":"#676767","x_button_bottom_color_hover":"#000000","x_navbar_positioning":"fixed-top","x_logo_navigation_layout":"inline","x_logobar_adjust_spacing_top":"15","x_logobar_adjust_spacing_bottom":"15","x_navbar_height":"70","x_navbar_width":"235","x_logo_font_family":"Pacifico","x_logo_font_color":"#333333","x_logo_font_size":"36","x_logo_font_weight":"400","x_logo_letter_spacing":"0.007","x_logo_uppercase_enable":"","x_logo":"","x_logo_width":"","x_logo_adjust_navbar_top":"11","x_logo_adjust_navbar_side":"30","x_navbar_font_family":"Life Savers","x_navbar_link_color":"#333333","x_navbar_link_color_hover":"#e74c3c","x_navbar_font_size":"16","x_navbar_font_weight":"700","x_navbar_letter_spacing":"0.125","x_navbar_uppercase_enable":"1","x_navbar_adjust_links_top":"26","x_navbar_adjust_links_top_spacing":"23","x_navbar_adjust_links_side":"50","x_header_search_enable":"1","x_navbar_adjust_button_size":"21","x_navbar_adjust_button":"14","x_header_widget_areas":"0","x_widgetbar_button_background":"#2c3e50","x_widgetbar_button_background_hover":"#3e5771","x_topbar_display":"","x_topbar_content":"","x_breadcrumb_display":"1","x_footer_widget_areas":"0","x_footer_bottom_display":"","x_footer_menu_display":"","x_footer_social_display":"1","x_footer_content_display":"1","x_footer_content":"<p>POWERED BY THE <a href=\"\/\/theme.co\/x\/\" title=\"X &ndash; The Ultimate WordPress Theme\">X THEME<\/a><\/p>","x_footer_scroll_top_display":"","x_footer_scroll_top_position":"right","x_footer_scroll_top_display_unit":"75","x_blog_style":"standard","x_blog_layout":"sidebar","x_blog_masonry_columns":"2","x_archive_style":"standard","x_archive_layout":"sidebar","x_archive_masonry_columns":"2","x_blog_enable_post_meta":"1","x_blog_enable_full_post_content":"","x_blog_excerpt_length":"60","x_custom_portfolio_slug":"portfolio-item","x_portfolio_enable_cropped_thumbs":"1","x_portfolio_enable_post_meta":"1","x_portfolio_tag_title":"Tags","x_portfolio_launch_project_title":"See It Live","x_portfolio_launch_project_button_text":"Launch Project","x_portfolio_share_project_title":"Share this Project","x_portfolio_enable_facebook_sharing":"1","x_portfolio_enable_twitter_sharing":"1","x_portfolio_enable_google_plus_sharing":"","x_portfolio_enable_linkedin_sharing":"","x_portfolio_enable_pinterest_sharing":"","x_portfolio_enable_reddit_sharing":"","x_portfolio_enable_email_sharing":"","x_bbpress_layout_content":"","x_bbpress_enable_quicktags":"","x_bbpress_header_menu_enable":"","x_buddypress_layout_content":"","x_buddypress_header_menu_enable":"","x_buddypress_activity_title":"","x_buddypress_groups_title":"","x_buddypress_blogs_title":"","x_buddypress_members_title":"","x_buddypress_register_title":"","x_buddypress_activate_title":"","x_buddypress_activity_subtitle":"","x_buddypress_groups_subtitle":"","x_buddypress_blogs_subtitle":"","x_buddypress_members_subtitle":"","x_buddypress_register_subtitle":"","x_buddypress_activate_subtitle":"","x_woocommerce_header_menu_enable":"","x_woocommerce_header_cart_info":"","x_woocommerce_header_cart_style":"","x_woocommerce_header_cart_layout":"","x_woocommerce_header_cart_adjust":"","x_woocommerce_header_cart_content_inner":"","x_woocommerce_header_cart_content_outer":"","x_woocommerce_header_cart_content_inner_color":"","x_woocommerce_header_cart_content_inner_color_hover":"","x_woocommerce_header_cart_content_outer_color":"","x_woocommerce_header_cart_content_outer_color_hover":"","x_woocommerce_shop_layout_content":"","x_woocommerce_shop_columns":"","x_woocommerce_shop_count":"","x_woocommerce_product_tabs_enable":"","x_woocommerce_product_tab_description_enable":"","x_woocommerce_product_tab_additional_info_enable":"","x_woocommerce_product_tab_reviews_enable":"","x_woocommerce_product_related_enable":"","x_woocommerce_product_related_columns":"","x_woocommerce_product_related_count":"","x_woocommerce_product_upsells_enable":"","x_woocommerce_product_upsell_columns":"","x_woocommerce_product_upsell_count":"","x_woocommerce_cart_cross_sells_enable":"","x_woocommerce_cart_cross_sells_columns":"","x_woocommerce_cart_cross_sells_count":"","x_woocommerce_ajax_add_to_cart_color":"","x_woocommerce_ajax_add_to_cart_bg_color":"","x_woocommerce_ajax_add_to_cart_color_hover":"","x_woocommerce_ajax_add_to_cart_bg_color_hover":"","x_woocommerce_widgets_image_alignment":"","x_social_facebook":"","x_social_twitter":"","x_social_googleplus":"","x_social_linkedin":"","x_social_xing":"","x_social_foursquare":"","x_social_youtube":"","x_social_vimeo":"","x_social_instagram":"","x_social_pinterest":"#holder","x_social_dribbble":"#holder","x_social_flickr":"","x_social_github":"","x_social_behance":"","x_social_tumblr":"","x_social_whatsapp":"","x_social_soundcloud":"","x_social_rss":"","x_social_open_graph":"","x_social_fallback_image":"","x_icon_favicon":"","x_icon_touch":"","x_icon_tile":"","x_icon_tile_bg_color":"#ffffff","x_custom_styles":".text-white h2,\n.text-white p,\n.text-white .x-btn {\n  color: #fff;\n}\n\n.text-white .x-btn {\n  border-color: #fff;\n}\n\n.text-white .x-btn:hover {\n  opacity: 0.75;\n}","x_custom_scripts":"","x_fixed_menu_scroll":"overflow-visible","x_enable_font_manager":"0","x_body_font_family_selection":"inherit","x_body_font_weight_selection":"inherit:400","x_headings_font_family_selection":"inherit","x_headings_font_weight_selection":"inherit:400","x_logo_font_family_selection":"inherit","x_logo_font_weight_selection":"inherit:400","x_navbar_font_family_selection":"inherit","x_navbar_font_weight_selection":"inherit:400","x_body_font_italic":false,"x_headings_font_italic":false,"x_logo_font_italic":false,"x_navbar_font_italic":false}

Please copy this into a new file and saved it as “integrity-7.json” file. You can then use the file and import in X > Overview > Customizer Manager.

Please let us know how it goes.

Thanks for the quick reply @RueNel!

So I applied the settings, and still having the same issue.
I appear to have a large background area, with a large padding area before the content in the middle (despite all X settings being set to fullwidth).

Also, as you point out, the integrity-shop is different to integrity-7. At the moment, the cart indicator in the header bar, is approx twice the size of the header bar and is breaking a lot of things.
Perhaps it is easier to import the integrity-shop settings and configure from that? Do you have the json for this?

Finally, is it possible to have the logo and shop name in the header (it currently looks like it is one or the other.

Thanks again!

Hi there,

Would you mind providing your site’s URL? Perhaps what you need is a Blank template? Full-width only means there is no column/sidebar, but there is still a container.

And what Shop, would you mind providing a demo URL for Shop too? If it’s this URL http://demo.theme.co/shop-integrity/ then it’s the Integrity 1 demo and you may import that, and just make your homepage similar to Integrity 7 using Blank - No Container | Header, Footer template.

Page templates are available under Page Attribute section of your page when you edit it, or if you’re in the builder, just go to builder settings (gear icon) and set it there :slight_smile:

Thanks!

Thanks @Rad, I’m loving the support this theme comes with!

I added a secure note above with the details.

You are right, it is the container that is restricting me at the moment.
Page attributes are already set to Blank - No container...

Hi There,

This is the Theme Options > WooCommerce configuration of the Integrity 1 demo shop page.

Obvoiusly, you need to set the color options that fits with your site.

The Integrity 7 demo home page are just sections (with 1/2 columns) with background-images on it. Yes with Blank - No container | Header, Footer page template.

Thanks,

Thanks. Those settings were exactly what I was after.
Just for anyone else looking to achieve a similar layout, don’t forget to modify the font size in the header bar (you’ll need a smaller menu font size, in order to fit the stacked cart graphic)

Thanks again to theme.co for their assistance with this!

You’re more than welcome, glad we could help.

Cheers :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.