Docs

[Lely]

Hi There,

1.) To make the search icon aligned, please add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

li.menu-item.x-menu-item.x-menu-item-search a {
    padding: 15px 20px !important;
    display: block;
}
li.menu-item.x-menu-item.x-menu-item-search {
    display: inline-block;
    line-height: 1.3;
}

For the logo, please go to Appearance > Customize > Header > Logo and Navigation > Layout :Choose Inline

2.) Please clarify what you want to do with the search bar. A screenshot of what you want to achieve will help.

3.)Unfortunately, I am not sure about Gallerirs, Project and Staff. Are these pages you’re referring to?

4.)Your content will remain when you change stacks because it is save in the database. Changing stacks means changes on styles or how your website appear.

5.) I am not about projects. Can you give us admin credentials so we can check? Regarding portfolio, it is a custom post type. It is way of displaying things on your site with different style per stack.

6.) Create a new Page. Then under Page Template > Choose Layout Portfolio. Then under Portfolio settings, choose the category you want to display for this page.

7.)Post doesn’t have expiration. Do you have sample of the portfolio page you want?

8.) Yes, we can achieve that using Cornerstone.

Hope this helps.

[studiohillier]

This reply has been marked as private.

[Rad]

Hi there,

2. The search bar in a menu is just a button that opens up the search input. The questions, is it the popped out input or the icon in the menu? Or are you trying to completely replace the search functionality in the menu?

3. Those aren’t built-in to X theme, X theme custom post type is just the portfolio. It could be from your existing plugins.

Thanks!

[studiohillier]

This reply has been marked as private.

[Rad]

Hi there,

1. I understand, but you said you would need it to be the same as the screenshot. In which the icon is part of the search field as one (no icon on the menu, no popup). And on X theme, icon and input field are separate which is against to your screenshot. If that’s the case, it needs replacement. Is that right? How about providing a finish mockup design of your search feature?

2. You still need to change your menu and logo alignment. Those options are available on your customizer, please go to Customizer > Header and change their alignment.

For examples, Navbar Top Logo Alignment (px), Navbar Top Link Alignment (px), and etc.

3. Yes, and that limitation is imposed by the plugin author.

Thanks!

[studiohillier]

This reply has been marked as private.

[studiohillier]

This reply has been marked as private.

[studiohillier]

This reply has been marked as private.

[Rad]

Hi there,

Part 1

1. Add this styling to your button’s style input/attribute,

margin: 0 auto; display: block; width: 150px;

2. You mean the lightbox? I checked and it’s already setup like that.

3. It’s already linking, but your Ubermenu covers it. Please add this CSS,

.ubermenu.ubermenu-main {
    float: right;
    width: 85%;
}

———

Part 2

1. It’s working, but the gap date is by year, hence, the noticeable change is only applied to items with large difference in terms of date.

———

Part 3

1. What customization do you wish to apply on the popup window?

2. Why do you need columns within raw content? It’s possible through standard shortcodes, but not sure why you need to utilize that. Sections can have multiple rows, hence, you can add 1st row for text, 2nd row with 2 columns and within columns is your raw content.

3. With #5’s 2nd row with 2 columns, you can insert the image on one of the columns.

4. Yes, you can insert shortcode in a raw element. But that could break it if not properly added.

Thanks!

[studiohillier]

This reply has been marked as private.

[Christopher]

Hi there,

#1 Please add margin-right: auto;display: table;margin-left: auto; in button’s style field.

#2 Both buttons use same href and lightbox selector, that’s why the second button displays the same content.

Hope it helps.

[studiohillier]

This reply has been marked as private.

[Christopher]

Hi there,

#1 Seems like you’ve limited container size from lightbox content itself. Please check your pages.

#2 Update second code to :

LEARN MORE[lightbox selector=".lightbox-selector-2"]
<div id="main-content" style="display:none">

<p>
[page-content-sc id="2027"]
</p>

</div>

Change button’s class to lightbox-selector-2.

Hope it helps.

[studiohillier]

This reply has been marked as private.

[studiohillier]

This reply has been marked as private.

[Author]

Posts