Sunday, April 28, 2019

How to make posts full width in wordpress twenty seventeen

Paste this css in the customized css section of twenty seventeen:

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
   max-width: 1000px;
}

.page-one-column .panel-content .wrap {
   max-width: 1000px;
}

@media screen and (min-width: 48em) {
    .blog:not(.has-sidebar) #primary article,
    .archive:not(.page-one-column):not(.has-sidebar) #primary article,
    .search:not(.has-sidebar) #primary article,
    .navigation.pagination,
    body.blog .site-content .page-header,
    body.archive .site-content .page-header,
    body.search .site-content .page-header {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        width: auto;
    }
}


References:

[ Sheriziya's solution works: ]


Saturday, April 27, 2019

Add new post in PhoneGap Build Forum

Added new post in PhoneGap Build forum promoting my new book:

How to Admob your PhoneGap Apps

and my app:

PhoneGap AdMob Guide

https://forums.adobe.com/ideas/11110


How to make navigation bar sticky i.e. fixed to the top when you scroll

[ Not working when logout of admin ]

Install this plugin:

Sticky Menu (or Anything!) on Scroll
By Mark Senff

Then, follow his instructions here:



Below, I describe what I did.

Open your page and inspect source. Look the the div of the navigation bar.
In my case it is as shown below:





Copy the class and paste it in the settings for the plugin:


Since it is a class, you need to put a .  in front.  If it is an id, put a # prefix.



Test

How to disable wordpress comments

I used the discussion settings on each post.



Reference:

https://kinsta.com/knowledgebase/wordpress-disable-comments/

How to add contact form to wordpress

Install the plugin Contact form 7.
Then install the plugin




Then goto https://www.google.com/recaptcha  to generate a pair of keys.



Copy and paste those keys into the plugin for form 7 captcha.





Copy and paste the form 7 captcha plugin short-code into form 7 plugin:



Paste contact form 7 into your contact page:




Test

How to insert short codes into a page


If you’re using the Gutenberg editor, then click on the + sign, search for “shortcode”, then add the Shortcode block.

Reference:

https://themeskills.com/how-to-add-shortcodes-wordpress-post-page/