Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
hello siteorigin team,
i am using North theme . in page layout >default and no sidebar option sets the content width (i dont know if it can also be called as as container width too) to a specific default width.is it possible to increase the width a little more so that more content would fit in a page(so that the content is around 3/4 of the full page)
and one more clarification
i am getting used to page builder and its settings and was wondering the difference between the options full width and standard option in layout >rowlayout section.
Hi gopu
Thanks for the wait. If you want to change the overall container size in North you can try the following in your Custom CSS plugin:
/* Container */ body.responsive .container { max-width: 1040px; }Edit the value as required.
Full width row layout will stretch the background full width but not the content. Full width stretched will stretch both the background color and the content. Standard constrains everything.
Hope that helps.
Thank you for the reply.
1) North Theme still hides the breadcrumb once | page title > display | is unchecked.please separate out breadcrumbs and page title .
2) Because the breadcrumbs are hiding once page title is turned off , used siteorigin editor and breadcrumbNAVT widget to display title and links (title above and breadcrumbs below it, like how it shows if page title is turned on) but i cant find a way to decrease the gap between two widgets once displayed.there is no option to reduce bottom margins in individual widgets like in row | row style > layout > bottom margin |.
3) In north theme the search bar field is covering the site logo , and the menus also once opened ,is there a way to correct that may be a short search field and instead of search field covering the menus it displays down the menu like how it shows in vantage theme .
4)how to remove the space between the header menu and the first widget in a page.
Sure :)
1. This will be in the next update. Commit is here.
2. Please, send a link to a page concerned.
3. This is by design, the search does take up the space of the header once opened. Unfortunately, for the moment there isn’t an option available to change this design pattern. A sidebar search widget might be an option.
4. In the Page Settings meta box in the right column, you can disable the Masthead Bottom Margin option. If this isn’t solving the issue we’d need to see the page in question.
thank you for the reply Andrew,
4) i managed to fix the issue sometime before by using
#masthead.site-header.layout-default.sticky-menu {
border-bottom-width: 0px;
margin: 0px;
}
Awesome :)
Like you said ,unchecking the masthead margin works fine without the code.
This is a request, can you please consider changing the search box field below the menu so that it does not hide the primary menu and logo , that is the one issue i am facing now.i tried switching to other themes but ,a theme with features like north is difficult to find.
Sure, I can appreciate what you’re looking to do here. It’s a bit more complicated than it initially appears given the construction of the header. If it was something I could whip up for you in say 5mins, I really would.
This is a private message.
Will the featured image option in north theme work? I tried to add a featured image but nothing comes in front end of the page.
Thanks for your feedback. Unfortunately, we won’t be offering in-house customizations just yet, sorry, wish I had better news in that regard.
If it’s for pages is the page setting in the right sidebar enabled?
Page Featured Image
Display the page featured image on this page.
I added a featured image in page in north theme but did not appear in front end.
And to confirm, the page setting is enabled?
The setting, Page Featured Image in the right meta box Page Settings area must be enabled:
Page: Page Settings
Just want to confirm that, thanks :)
no i cant find a option in page setting to set featured image in north theme
i was able to solve the distance between two widgets by using
.textwidget > {
height: 1px;
}
about the breadcrumb in north theme … its ok with breadcrumb being not shown when ‘show title’ is turned off . i was able to put breadcrumb by using the breadcrumb widget and text editor and it helps me to add the breadcrumb feature anywhere on the page.i was able to put a background colour for the row which was not possible with default page title and breadcrumbs together ( if you add that feature in the next update please tell me how to turn off default breadcrumbs or if possible provide a checkbox so that default breadcrumbs are shown in page)
Glad to hear you’ve made progress.
The next version of North will show the breadcrumb with the title set to not display.
Default breadcrumbs can be disabled from the Yoast SEO settings. That should work.
Thankyou Andrew for the reply.i am using breadcrumb navt .and all in one seo .i read that pagebuilder have issues with yoast seo.how to disable default breadcrumb and use breadcrumb only by using its widget?
Can I take a look? If I already have an admin account, please remind me. Thanks.
//
Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:
[email protected]
Just navigate to UsersAdd New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the Send Password field so we receive the details.
Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.
Will inform you shortly. Many thanks Andrew for all the help and support.
For sure :)
hai
is it possible to add pagination in a page created using siteorigin pagebuilder . i am using north theme. i created a page with about 10 rows. how to split the page so that 5 rows and its contents come in first page and the rest the second page. (the purpose is to create a list of places with details. making a lengthy page can make viewers to skip the page so i want to split the page). waiting for a reply
Unfortunately, https://en.support.wordpress.com/nextpage/ doesn’t currently work in Page Builder. We’d like it to and I will log a bug report. In the short term though, I don’t know of a solution to this problem.
Andrew please include that feature too.sad that it wont work .dont know what is an alternative way.(i think creating individual pages and using that link will be the only option which would add more pages and bit confusing)
I hear you. Unfortunately, I don’t have a suggested way around this. The bug is logged, our developers will attend as soon as possible. Sorry I don’t have more right now.
hai andrew ,
could you please help me. i was trying to use the custom menu widget along with page builder to create a horizontal menu in a page. but the menu comes as vertical
https://codex.wordpress.org/Creating_Horizontal_Menus
i tried to go to this page to find a solution but not so sure how to proceed.could you help me.
Please, send a link to a page that we can see the custom menu widget in use.
hai andrew, the site is still offline.
i was telling about the default ‘custom menu’ widget in WordPress . i was able to overcome the issue by using
.menu li {
display: inline-block;
in siteorigin custom css.now the menu displays horizontally. if possible can you tell me what happens when using this code (as i dont have much knowledge in css).
thank you for the support Andrew.
That sounds perfect. If it’s working for you then no further changes needed. inline-block is just a way of making items inline, much like float: left but often with less complications.
Andrew i am using the north theme the code works well.by using
.menu li {
display: inline-block; in custom css,the effect applies to all custom menus that are added in the site.is it possible to add the effect to a specific custom menu widget only ? By using the css using the attribute tab. I tried but its not working.any suggestions?
Sure, you just need to prefix the class.
Add to the Widget Class field a class name of your choosing like:
my-menu
Then, in your Custom CSS say:
.my-menu .menu li { etc }
Thanks Andrew.this works . i have a doubt , while using the parallax option in the widget style > design >background image display , is it possible to adjust the smoothness or speed of the parallax feature? i feel the parallax feature too slow while scrolling the page down .
Sure, there is a setting available at SettingsPage BuilderGeneralLimit Parallax Motion.
This is a private message.
Can we see this live, please?
little more work to do Andrew, so i think the best way now is to think about a different layout . please bring the pagination feature into siteorigin page builder also.
Thanks, I’ll follow-up on that.
hai Andrew,
i was wondering if it is possible to make a row sticky . i have a row which has a custom menu widget added to it and would like to make the row sticky so that it stays top of page like the sticky main menu when scrolled down ..
and the new addition to SO builder to show certain widgets according to screen size is another useful addition.thank you SO team :)
Super, glad to hear you’re liking the new feature for device presentation.
Unfortunately, it isn’t currently possible to make a row sticky using default settings. I’ll certainly suggest this feature to the team though.
thank you Andrew. please bring that feature too into SO builder. meanwhile i found a method to make elements sticky in a row.
https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/
using this plugin and mentioning element that is needed to be sticky we can bring sticky effect but there are problems
1)only one element can be made sticky in a row
2)need to give background to the element other wise it will be hard to read when in over lapses the content.
3)if some one is using this method set the z index value to 99999
… andrew, so if possible bring the sticky feature as a separate feature in SO so that all content in a row can be made as sticky.
Thanks for your feedback. I’ve suggested this to the team. New features can take some time to make their way into the plugin, assuming they are approved. So for now it would be best to push forward with a plugin or custom solution. Thanks again for your feedback.
Thank you Andrew, i am happy that i was able to share something that could be useful to the community. Bringing the sticky feature takes time and its ok. If possible bring the pagination early as i cant find an alternative way for it.
For sure, pagination high on the list. Thanks :)
thank you Andrew :) . i have a doubt .i was going through https://wordpress.org/plugins/widgets-for-siteorigin/ . and was trying to use blog grid widget inside a row to display a number of page previews .that widget has a pagination feature, that too do not work correctly. is it the because page builder has no pagination feature hence that feature is not working correctly in that widget? .
Andrew an update
.As mentioned before, using https://wordpress.org/plugins/widgets-for-siteorigin/ pagination is possible for blog grid post previews .but pagination wont work in homepage .Thank you for the support Andrew. i have a issue with excerpts and i have asked in a separate thraed.please do reply when my turns comes up in the priority list …
Page breaks and pagination aren’t the same thing. Page breaks are a quicktag provided by WordPress that takes a single page and breaks it into sections that become different pages.
Pagination is something different. Pagination lists separate posts or pages.
Page Builder doesn’t not support pagination, it’s up to each Post Loop widget to provide its own pagination. Pagination in our own Post Loop widget for example works fine. Pagination for posts in the Inked Blog widget works fine.
I’m not really sure why the Inked Blog widget isn’t listing pages at the moment. It’s something you can post on the widget’s support page on WordPress.org. I know that Adi is off sick at the moment but I’m sure he’ll take a look as soon as he’s better.
North doesn’t have any supporting templates for the default Page Builder Post Loop widget but Vantage does. I’ll try get those templates introduced into North in the next few weeks so that the Post Loop widget can be used.
If you’re building a content site and want maximum control over your pages and the way their content is constructed, perhaps check out the Custom Post Type Builder in SiteOrigin Premium. You can find the initial documentation for it here: Page: Custom Post Type Builder
Thankyou Andrew for the detailed answer. Inked blog does show pagination. I tried to use pagination in a homepage at first but pagination did not work correctly at that time. But when i removed that page from home page the page pagination works fine.(only homepage has issues with pagination been shown in inked blog widget.) we will be surely buying the premium siteorigin package once the site is launched. Have a good day Andrew :)
Sure :)
In local testing, I can get the Inked Blog widget pagination to work when the page is set as the home page.
You could perhaps try deactivating all plugins besides Widgets for SiteOrigin, Page Builder and Widgets Bundle and see if there is any change.
hai Andrew,
can you please check this
>add one row in a page.
>in the same row add siteorigin image followed by siteorigin editor, add contents to both widgets.
>in the output we can see there is a gap in between the to widgets
changing the padding value in image and editor widgets dont solve the problem or setting the bottom margin to 0 value in the row style> layout> bottom margin also dont give any effect
i found that by going to settings> page builder> layout> Row Bottom Margin and setting the value to 0 solved the issue.
there is option to change the row bottom margin in rows only not in widgets.
other way is to use css
#pl-1418 .panel-grid-cell .so-panel {
margin-bottom: 0px;
}
but this css gives results only when used in custom css and not in css styles field under attributes .due to that i think my custom css will have so many codes for each panels that want the change to happen. would it be possible to add an option in widgets to set margins like the option to set padding value.
Hi :) For almost every challenge we help with, we need to see the page. This lets us inspect the code and get a visual and technical understanding of the problem. Please, can you send a link. Thanks.
thanks Andrew for the reply .. and sorry for making you to say this again and again . will let you know soon .. have a nice week Andrew :)
No problem. I understand your point. If I can take a look at it I’ll be able to confirm the problem or perhaps find another way around. Is your site only on localhost? Sorry, I’m working a little bit late. Sorry, if you’ve told me this already. You can use the Private Reply checkbox below to hide your URL.
my site is still in local host.thank you Andrew for helping me.
You’re right, this will require Custom CSS for the time being. Here is one way:
Custom CSS:
#page .panel-grid-cell .my-cell-class .so-panel { margin-bottom: 0; }Andrew that works fine :) and thank you for taking your time to look into the problem.
No problem :)
Hai Andrew,
could you help me with this.
i was trying to edit how Excerpts shown in post carousal widgets.the default excerpts shows all the content in the page.(which i cant use as there are custom menus, subheadings above the main content. ) on searching for a solution i saw this thread ( http://www.wpbeginner.com/plugins/how-to-customize-wordpress-excerpts-no-coding-required/ ) .the first method is more reliable but i cant find an option to turn on excerpt from the screen option in page. in the link i mentioned above it says the function depends on the theme we use. i use north theme. so what should i do to bring the excerpt option into the screen option. waiting for a reply Andrew.
hai Andrew,
an update to what i asked before … i found a way ( https://wordpress.org/plugins/pjw-page-excerpt/ ) using this plugin excerpt field can be added to the page … :)
Hi gopu
I’m glad to hear you’ve found a solution, thanks for sharing it with us.
hai andrew ,
is it possible to remove the sidebars in the search results , in north theme ?
hai Andrew , one more doubt.
i created a page in north theme . enabled Hide Masthead . in desktop view, the page looks like full screen but when checked in tablet and mobile view there is a gap in the top of the page (in place where original masthead was there.) how to overcome this issue ?
Hi. After today’s North update you can go to AppearanceCustomizePage Template Settings and edit the Search settings panel there.
This is a private message.
Sure. This is one of those times I’d really need to see the page. Do you perhaps have an empty column that’s stacking vertically and adding the space? Perhaps you can send a screenshot of the end result and the page in Page Builder?
I’m well, thanks for asking. I’ve been working more on documentation and our themes lately :)
hello Andrew :) .. i solved the issue .the problem was, i was actually using a ‘margin-top’ attribute propertyin the attribute >css styles that was causing the issue .removed that and used a spacer widget instead of the ‘margin-top’ attribute.
but i could not figure out something … the search widget when used in the default sidebars shows the search button next to the search fields ,but when i use the same search widget in the page(inside a row) the search button goes down the search field .
Awesome, glad to hear you’ve made progress. I’ll look into those styling differences and come back to you shortly.
thank you Andrew … i have checked the new north update. like you said ,now search results sidebars can be removed.
Please, try the following. Adjust as required:
.entry-content form[role="search"] input[type="search"] { display: inline-block; max-width: 25%; } .entry-content form[role="search"] input[type="submit"] { display: inline-block; }now that works … thank you Andrew for the support . :)
Glad that helped :)
hello Andrew :)
how to create links which when clicked jumps to a specific part of the page or a heading
——-
i have created 2rows in a column .in the right row i added text with subheadings (1.By plane 2.By bus 3.By boat ).on the left side i want to create a section using siteorgin editor with those subheading so that when the users click on the subheading, the page jumps on to that section mentioned in the subheading. how to do that Andrew ?
Sure, you can do that with ID’s and anchor links: https://en.support.wordpress.com/splitting-content/page-jumps/.
i will look into that link Andrew . Happy weekend :)
Cool :)
hai Andrew .in the latest version of PB (2.4.17), change log it is mentioned ‘Added way to add affiliate ID. ‘ what is that?
We’ll be launching our affiliate program for theme and plugin developers soon. The change is in support of that :)
Hello Andrew , some doubts
1) to display google adsense ads on a page created with pagebuilder, we need to copy paste the ad code in siteorigin editor widget right? will the ads display in mobile devices too or should i go for a plugin to display google ads in the page?
2) Andrew, in a row is it possible to add two colors as background color so that 50% say blue and 50 % is white. this will help to make attractive page designs.
hope you are doing well :)
Hi
1. Yes, correct or even the Text widget might be better. The plain, core WordPress Text widget. The ads should display on mobile too, I can’t think why they wouldn’t.
Yes, you can also use a plugin, it might be easier. I don’t have one to recommend at the moment, sorry.
2. Unfortunately, not from within Page Builder settings at the moment. You could try using Custom CSS and Row Attributes to add a custom class. CSS Tricks has a long reference article on gradients here:
https://css-tricks.com/css3-gradients/
hello Andrew the gradient trick worked (i had a doubt before too if this feature can be enabled using gradient)
http://css3gen.com/gradient-generator/
this website helps to create gradients without worrying about codes
Andrew one doubt , in the north theme > under posts section there is no option to enable or disable featured image in posts like it is available in pages . if we add a featured image in posts it automatically appears in top of the post. is it possible to add a option to show and disable feature image in posts like it has on pages.
hope you are doing fine Andrew :)
Hi :) At Appearance > Theme Settings > Blog you can enable or disable the Featured image on archive and Featured image on single settings. Hope that helps.
Hai Andrew .,
i am about to move my site that i am developing locally to webhost. how would you suggest me to do it. which plugin should i use. i have images added to all the page and post that i created using page builder, so when i move the site to live, will the image links get affected ? waiting for a reply .
The best method would be to use the plugin called Duplicator. Image URL’s will most likely need to be updated after the move.
Thank you Andrew for the help. i will check that out. one more thing. what will happen to images that are inserted using the siteorigin image widget. will that image show in the front-end once moved to live or will i have to select the images in each of these image widgets. ?
Hope you are fine :)
I’m good thanks. Unfortunately, with moves like this, the image URL won’t be correct and the image would need to be added again. Perhaps there is a better way with database find and replace but this is a bit technical. It is a possibility though. Perhaps there is a plugin for this.
Hello Andrew,
Did you remove the options to set display based on screen orientation in any of the recent SO updates? I could not find the option now in the widget style area. It was an useful feature.
Hi :) At a row level we have Collapse Order but I don’t know that we ever had display based on screen orientation. I do miss new features sometimes so it’s possible I missed this. Was this feature perhaps added by a plugin or theme?
no no, not a new feature. I was telling about the new device presentation option, where we can display certain widgets for certain devices. I can’t find those options now in widget styles.
I’ve confirmed with the team. We haven’t added an option like that yet. So my only idea is that this was something added by another plugin, which is possible, and now that plugin is deactivated.
Thank you for confirming Andrew .like you said the option was added by WPinked widget plugin. i disabled that plugin after the wordpress 4.7 update because it is giving an error message on pages that have inked blog widget.
Oh no, please, reach out to the author, I know he’s been offline for a few days but I’m sure he’ll fix this as soon as he’s back online.
I’ll chat with Adi, the author now and make sure he’s aware of the issue.
An update will be out shortly. Be sure to also update the Widgets Bundle if there is an update pending for that.
Andrew, i have notified the author 4 days before. he has told me that he will have a look. i did run a compatibility test as Greg suggested then came to know its WP inked plugin is causing the issue.
all those pages where inked blog widget is used that page showed this error message. once i refresh the page the error goes away. if we deactivate and activate the plugin again then error comes back.
Thanks for your feedback. The issue will be resolved today. Please, look out for an update.
ok thank you Andrew. :)
Andrew, there was an update for “”Widgets for SiteOrigin”” plugin and now the issue is solved. :)
Super :) Glad to hear it.
hello Andrew,
i was testing the beta2 version of PB 2.5 and noticed that the CSS that you gave me for correcting the gap between widgets inside a layout builder is not getting affected.
#page .panel-grid-cell .my-cell-class .so-panel {
margin-bottom: 0;
}
i have opened a new thread for the same.