Quick guide to customize Pepe Lite
Hi,in this guide I will explain how to customize Pepe Lite in a few simple steps.Let's begin! Customization with import of the Demo As soon as you have installed and activated Pepe Lite, you will notice a Notification advising you to install two Plugins.MC4WP: Mailchimp for WordPress it is used to create a banner for the Newsletters in Block 2 by setting a Widget.One Click Demo Import it is used to install the demos with a simple click. So the first thing you need to do is to install and activate the Plugins. Now in the Dashboard in the "Appearance" Menu you have seen an entry "PEPE LITE Import Demo".Enter this menu.Visit the "PepeLiteStarter Demos" demo page, choose the demos you prefer and download it for free.Now unzip the zip file you just downloaded onto your desktop.Inside you will find 3 files.From the "Pepe Import Demo" menu select these 3 files respecting the extensions (.xml,. Wie,. Dat) and press the "Import Demo Data" button.Wait about 3 minutes (It also depends on the speed of your connection) and you will already have your site equal to the demo you have chosen. Now you can change the content as you see fit, and customize it as you wish. Customization without DemoAs soon as you have activated Pepe on your Homepage you will have the latest articles published. In order in the CustomizerGeneral Option 1 Header -> Blocks -> Block TopEnable/Disable Box widthShow Login, Show Menu, Show SocialBackground Color, ColorBlock LogoEnable/Disable Box width, Margin Top Block (em Unit), Margin Bottom Block (em Unit), Header Background ColorLogo, Font Size Logo (px Unit),Site Title, Tagline, Display Site Title and Tagline, Font Size Description Title (px Unit, Font Size Description Subtitle (px Unit), Description ColorShow Banner, Choose whether to use a post or a widget.(Recommended widget: Advanced Ads), Select Post for Banner (Only if you have selected Post!), Text Button Banner Only if you have selected Post!, Background Color Banner, Color Banner Only if you have selected Post!, Background Color Button Banner Only if you have selected Post!, Color Button Banner Only if you have selected Post!Site IconEnable/Disable Banner in ResponsiveBackground color Header in ResponsiveColor Header in ResponsiveSelect image Logo for MobileWidth Logo (px Unit)Enable/Disable Description Site in ResponsiveFont Size Description Title Responsive (px Unit)Font Size Description Subtitle Responsive (px Unit)Block MenuEnable/Disable Box widthEnable/Disable sticky MenuEnable/Disable search form MenuFont Size Menu (px Unit)Padding Menu (px Unit)Background Color, ColorBlock NewsEnable/Disable Box widthEnable/Disable this sectionText NewsSelect Category NewsShow Date and TimeShow Time Header -> Layout -> Choose the Layout for the Header Header -> Header ImageClick “Add new image” to upload an image file from your computerHeight Image Header (px Unit)Object Fit Image Header 2 Body -> Blocks ->Block Slider with TabChoose the Layout for the Block Slider with TabMargin Top (em Unit), Margin Bottom (em Unit)Select Category for post Slider, Show Category Slider, Show Author and Date Slider, Enable or disable effect fade Slider, Show Nav Controls Slider, Show dark shading SliderShow Category Post in Multi-tabsTitle Tab One/Two/Three, Select Category for Tab One/Two/ThreeBlock OneChoose the Layout for the Block OneMargin Top (em Unit), Margin Bottom (em Unit)Enable or disable Sidebar in Mobile DevicesBlock One Title,Title Style, Background Color Title, Color TitleShow Category, Show Comments, Show Author and DateBlock FourImage Pepe Four, Height Image (px Unit), Object Fit ImageMargin Top (em Unit), Margin Bottom (em Unit)Choose whether to show a Widget or text in the BannerBackground Color Banner, Color BannerText Banner, Textarea BannerText Button Banner, Link Button Banner, Background Color Button Banner, Color Button Banner Body -> Layout -> Choose the Layout for the Site 3 Footer -> General SettingsEnable Layout Large for FooterWidget AreaEnable Layout Large for Aree Widget FooterShow Logo Area Widget FooterSelect image Logo for Footer, Height Logo Widget Area (px Unit)Background Color Widget Area, Color Widget AreaFooter InfoBackground Color, Color 4 Blog -> PostThe page has 2 templates: Default template and Single Large. You can select them in the dashboard in Post Attributes!Margin Top Sidebar (px Unit)Show Breadcrumbs, Show Breadcrumbs, Show the categories above the title, Enable or disable meta info Post, Enable or disable update post infoText Button Comment, Background Color Button Comment, Color Button CommentCategoryShow BreadcrumbsCategory Badge ColorComments Badge Color ( In Home Page)Select image for CategoryHeight Header Category (px Unit), Padding Top Header Category (em Unit), Font Size Title Header Category (px Unit), Font Size Description Header Category (px Unit), Color Text CategorySearch PageSelect image for Search PageHeight Header Search Page (px Unit)Padding Top Header Search Page (em Unit)Font Size Title Header Search Page (px Unit), Font Size Description Header Search Page (px Unit)Color Text Header Search PageSearch Page not foundSelect image for Search Page not foundWidth Image Page not found (px Unit)Text Button, Background Color Button, Color ButtonPagesThe page has 2 templates: Default template and Page no sidebar. You can select them in the dashboard in Page Attributes!Margin Top Sidebar (px Unit)Enable or disable sidebar in Mobile DevicesPadding Content (px Unit)Background color Content Page 5 Other Settings -> Back to TopEnable or disable Back to TopEnable or disable Back to Top in Mobile DevicesSocial MediaEnable or disable social and insert the linksWidget StyleChoose the Style for Title WidgetWidget ColorOne Color SocialEnable or disable title SearchWidget Custom ColorMenu ResponsiveEnable or disable Social in menu ColorsSelect predefined skins to use with this themeBackground Color Background ImageSet a background image for the site MenusThis theme has 2 menus, you can create menus and set them in their positions! WidgetThis theme has 7 Widget areas, all Widgets have been customized. There are 2 additional widgets Home Page SettingsYou can choose what’s displayed on the homepage of your site. It can be posts in reverse chronological order (classic blog), or a fixed/static page. To set a static homepage, you first need to create two Pages. One will become the homepage, and the other will be where your posts are displayed. Additional CSSHere you can insert CSS code to modify the theme!
by Franchi