Hi there.
Firstly, love the themes and plug ins you guys offer so thanks a bunch.
On blog posts, I want to be able to state the month it was written as well as the location. (country and continent). See the link below – https://followourway.com/2020/06/14/10-amazing-things-to-do-in-tokyo/. I am using page builder.
I am happy with the way it looks on laptop browser however on a mobile, it is all on one side of the page and doesn´t look too great. Is there any custom CSS I can use for this?
I am a complete rookie with this so I may have just set up the widget in a inefficient way to begin with! The vantage theme shows metadata such as date etc above my banner as I have hidden the title page so I have unticked this too.
I also wanted to remove the previous and next blog posts towards the bottom of the page.Is there any CSS for this too?
Many thanks in advance,
Tim
Hi Tim
Thanks for reaching out and for your support, it’s most appreciated.
Post Meta:
The post meta for each post is outputted by a PHP function. It is possible to expand this function or change it completely but it would require custom development. Codeable.io is one option if you’d like to hire a developer.
Here is an example of the post meta https://demo.siteorigin.com/vantage/2016/07/27/a-trip-to-the-city/.
The meta being Posted on July 27, 2016 by Greg Priday | No Comments.
The function in question https://github.com/siteorigin/vantage/blob/develop/inc/template-tags.php#L184-L225.
SiteOrigin Features
To center align on mobile, try adding the following to Custom CSS:
@media (max-width: 768px) { .sow-features-list .sow-features-feature.sow-icon-container-position-right { text-align: center !important; } }Post metadata is automatically output. It, unfortunately, isn’t feasible to replace the metadata function using Page Builder functionality unless you wanted to manually create the information for each post.
Post Navigation
Post navigation can be disabled at CustomizeTheme SettingsNavigation: Post Navigation.
Page: Navigation
Hi Andrew,
Thanks so much for the quick reply. I will stick with the unorthodox method for now but perhaps further down the line seek assistance for some custom coding.
I have added the custom CSS and it works great. Is it also possible to reduce the spacing between the features within the widget?
Thanks,
Tim
Sorry Andrew, on the note of the features widget, I dont suppose it is possible to put all three features on one mobile row?
Thanks for your feedback. Try editing the row, within the Layout section you can set the Collapse Behavior to No Collapse.
Thanks Andrew! One final question, is there a way to have set spacing between icon and text (on desktop)? I´ve checked previous SiteOrigin threads and couldn´t see how to add custom CSS. I´m a complete rookie I´m afraid.
You will notice that the spacing between the icon and text differs depending on the number of characters of the text. I was hoping to make it uniform.
Cheers,
Tim
Hi Tim
There isn’t a setting to control that gap at the moment. Do you perhaps want to have another go at that row? One option that comes to mind is using the Font Awesome plugin https://wordpress.org/plugins/font-awesome/. Perhaps give it a go in a test row and see if it’ll give you a little more freedom.
Hi Andrew,
I´ve tried using Font Awesome and it is exactly how I want it now. Thanks for all your help!
Cheers,
Tim
Super, glad to hear that helped :) Cheers for now.