Customization Secrets for GeneratePress Premium Theme

March 4, 2025December 13, 2024 by Mo. Waseem

Listen to this article

5/5 - (1 vote)

Last Updated on March 4, 2025 by Mo. Waseem

Welcome to the ultimate guide on Customization Secrets for GeneratePress Premium Theme. If you’re looking to transform your WordPress website into a stunning masterpiece without breaking the bank, you’ve landed in the right place. In this post, we’ll dive into the essential steps and tricks to help you unlock the full potential of the GeneratePress Premium theme. Whether you’re a beginner or an experienced user, these tips will empower you to create a unique, high-performing website—no coding required!

Must watch video to setup

Getting Started with GeneratePress Premium

To begin, you need to install and activate the GeneratePress Premium theme. Follow these steps:

Log in to your WordPress dashboard.
Navigate to Appearance > Themes.
Download the GeneratePress Premium theme from the link – Generate press Pro ( note- Upload it as plugin.)
Upload the downloaded file and activate it.

Activating Essential Features

After activation, you need to enable some essential features. Here’s how:

Go to Appearance > GeneratePress.
Ensure that the Elements module is activated.
Activate the Site Library to access pre-designed layouts.

Importing a Starter Site

Now, let’s import a starter site to get a professional look. Search for the “Marketer” layout in the Site Library and click Get Started. Follow the prompts to import the content.

Customizing Your Website

Once your starter site is imported, it’s time to customize it. Here are the key areas to focus on:

Site Identity

Go to Customize and select Site Identity. Here, you can enter your site name, tagline, and logo.

Layout Settings

Under the Layout section, adjust the container width. Set it to 12 and modify the spacing to fit your design needs.

Header and Navigation

In the Header section, you can customize the mobile version and primary navigation. Keep the primary navigation settings as default for consistency.

Color Customization

Navigate to the Colors section to change your website’s color scheme. Choose colors that reflect your brand identity.

Advanced Customizations with CSS

For those looking to take their customization to the next level, you can add additional CSS. Here’s how:

Go to Appearance > Customize.
Select Additional CSS.
Paste your custom CSS code to achieve unique styles and effects.



/* After Post Social Share Design by contentvibee */

.webinsights-social-wrapper {
    margin: 30px 0;
    font-size: 0;
    text-align: center; /* Center-align buttons */
}

.webinsights-social-wrapper span {
    font-weight: bold;
    padding-right: 10px;
    font-size: 18px;
    color: #333; /* Neutral text color */
    text-transform: uppercase; /* Make it standout */
    letter-spacing: 1px; /* Add some spacing for elegance */
}

.webinsights-social-sharing {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 25px;
    margin: 5px; /* Space between buttons */
    color: #fff;
    text-decoration: none;
    border-radius: 50px; /* Make buttons pill-shaped */
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden; /* For gradient animations */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}

/* Add gradient animations on hover */
.webinsights-social-sharing:hover {
    transform: scale(1.1); /* Slight zoom effect */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Deeper shadow on hover */
}

/* Gradient backgrounds for each social button */
.webinsights-social-facebook {
    background: linear-gradient(135deg, #3b5998, #8b9dc3); /* Facebook colors */
}

.webinsights-social-facebook:hover {
    background: linear-gradient(135deg, #8b9dc3, #3b5998);
}

.webinsights-social-twitter {
    background: linear-gradient(135deg, #1da1f2, #0d8beb); /* Twitter colors */
}

.webinsights-social-twitter:hover {
    background: linear-gradient(135deg, #0d8beb, #1da1f2);
}

.webinsights-social-pinterest {
    background: linear-gradient(135deg, #e60023, #b00018); /* Pinterest colors */
}

.webinsights-social-pinterest:hover {
    background: linear-gradient(135deg, #b00018, #e60023);
}

.webinsights-social-linkedin {
    background: linear-gradient(135deg, #0077b5, #005582); /* LinkedIn colors */
}

.webinsights-social-linkedin:hover {
    background: linear-gradient(135deg, #005582, #0077b5);
}

.webinsights-social-whatsapp {
    background: linear-gradient(135deg, #25d366, #1ca954); /* WhatsApp colors */
}

.webinsights-social-whatsapp:hover {
    background: linear-gradient(135deg, #1ca954, #25d366);
}

.webinsights-social-reddit {
    background: linear-gradient(135deg, #ff4500, #e03e00); /* Reddit colors */
}

.webinsights-social-reddit:hover {
    background: linear-gradient(135deg, #e03e00, #ff4500);
}

/* Icon styles */
.webinsights-social-sharing svg {
    width: 20px;
    height: 20px;
    margin-right: 8px; /* Spacing between icon and text */
    transition: transform 0.3s ease-in-out;
}

/* Rotate icons on hover */
.webinsights-social-sharing:hover svg {
    transform: rotate(360deg);
}

/* Responsive Design */
@media only screen and (max-width: 600px) {
    .webinsights-social-sharing {
        font-size: 14px;
        padding: 8px 15px;
        margin: 4px;
    }

    .webinsights-social-wrapper {
        margin: 20px 0;
    }
}







/* Entire Site Social Share Design by Web Insights */

.webinsights-float-social-wrapper {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
}

.webinsights-float-social-sharing {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    min-height: 30px;
    font-size: 12px;
    padding: 14px 10px;
    margin-bottom: 8px; /* Space between buttons */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.webinsights-float-social-sharing:hover {
    transform: scale(1.1); /* Slight zoom-in effect on hover */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

.webinsights-float-social-sharing:first-of-type {
    border-top-right-radius: 10px;
}

.webinsights-float-social-sharing:last-of-type {
    border-bottom-right-radius: 10px;
}

/* Icons with Gradients and Hover Effects */
.webinsights-social-facebook {
    fill: #fff;
    background: linear-gradient(135deg, #4267B2, #365899); /* Gradient for Facebook */
}

.webinsights-social-facebook:hover {
    background: linear-gradient(135deg, #365899, #4267B2);
}

.webinsights-social-twitter {
    fill: #fff;
    background: linear-gradient(135deg, #1DA1F2, #0d8beb); /* Gradient for Twitter */
}

.webinsights-social-twitter:hover {
    background: linear-gradient(135deg, #0d8beb, #1DA1F2);
}

.webinsights-social-pinterest {
    fill: #fff;
    background: linear-gradient(135deg, #E60023, #B00018); /* Gradient for Pinterest */
}

.webinsights-social-pinterest:hover {
    background: linear-gradient(135deg, #B00018, #E60023);
}

.webinsights-social-linkedin {
    fill: #fff;
    background: linear-gradient(135deg, #0077B5, #005582); /* Gradient for LinkedIn */
}

.webinsights-social-linkedin:hover {
    background: linear-gradient(135deg, #005582, #0077B5);
}

.webinsights-social-whatsapp {
    fill: #fff;
    background: linear-gradient(135deg, #25D366, #1CA954); /* Gradient for WhatsApp */
}

.webinsights-social-whatsapp:hover {
    background: linear-gradient(135deg, #1CA954, #25D366);
}

.webinsights-social-reddit {
    fill: #fff;
    background: linear-gradient(135deg, #FF4500, #E03E00); /* Gradient for Reddit */
}

.webinsights-social-reddit:hover {
    background: linear-gradient(135deg, #E03E00, #FF4500);
}

/* Icon Styles */
.webinsights-float-social-sharing svg {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    transition: transform 0.3s ease-in-out;
}

.webinsights-float-social-sharing:hover svg {
    transform: rotate(360deg); /* Rotate the icon on hover */
}



.desktopx{
	display:block;
	
}
.mobilex{
	display:none;
}
	
@media (max-width: 768px) {
	.desktopx{
	display:none;

}
.mobilex{
	display:block;
}
}


/* General Color Variables */
:root {
    --primary-color: #1dfc7a; /* Primary Navigation Color */
    --secondary-color: #1ab394; /* Complementary color for buttons */
    --accent-color: #f5b0f0; /* Soft accent color */
    --background-color: #f0f4f8; /* Light background for readability */
    --card-background: #ffffff; /* White for cards */
    --shadow-color: rgba(23, 43, 99, 0.15); /* Soft shadow */
    --hover-shadow: rgba(23, 43, 99, 0.25); /* Slightly darker shadow on hover */
}

/* Body and General Styles */
body {
    background-color: var(--background-color);
    color: #333; /* Darker text for contrast */
    font-family: 'Arial', sans-serif; /* Clean font for readability */
}

/* Primary Navigation */
nav {
    background-color: var(--primary-color);
    padding: 15px 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px var(--shadow-color);
    transition: box-shadow 0.3s ease;
}

nav:hover {
    box-shadow: 0 10px 30px var(--hover-shadow);
}

/* Featured Image on Single Post (Uncropped) */
.page-header-image-single .attachment-full {
    box-shadow: 0 15px 45px var(--shadow-color);
    border-radius: 25px;
    margin-top: -60px;
    max-height: none; /* Remove height restriction */
    width: 100%;
    object-fit: contain; /* Avoid cropping */
    transition: all 0.3s ease-in-out;
}

/* Post Card (No 3D Effect on Blog Post Page) */
.post-card {
    background: var(--card-background);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 5px 15px var(--shadow-color); /* Subtle shadow */
    margin: 20px;
}

/* Post Images Without Hover or Scale on Blog Post Page */
.post-card img {
    width: 100%;
    height: auto;
    border-radius: 20px 20px 0 0;
}

/* Remove Hover Effects for Blog Post Images */
.post-card:hover,
.post-card img:hover {
    transform: none;
    box-shadow: none;
}



/* Post Content Headings */
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-weight: 900;
    padding: 10px 15px;
    background-image: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    border-radius: 5px;
    color: #fff !important;
    box-shadow: 0 7px 28px var(--shadow-color);
    transition: transform 0.3s ease-in-out;
}

.entry-content h2:hover,
.entry-content h3:hover,
.entry-content h4:hover,
.entry-content h5:hover,
.entry-content h6:hover {
    transform: translateX(5px);
}

/* Sidebar Widget Styling */
.sidebar .widget {
    background: var(--card-background);
    border-radius: 50px;
    padding: 30px;
    box-shadow: 0 10px 20px var(--shadow-color);
    transition: all 0.3s ease-in-out;
}

.sidebar .widget:hover {
    box-shadow: 0 15px 45px var(--hover-shadow);
}


/* Blockquote Styling */
blockquote {
    background: #f0f0f0;
    border-left: 5px solid var(--primary-color);
    padding: 20px;
    font-style: italic;
    font-size: 18px;
    margin: 0 0 1.5em;
    border-radius: 8px;
    box-shadow: 0 10px 25px var(--shadow-color);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

blockquote:hover {
    transform: translateX(5px);
    box-shadow: 0 15px 35px var(--hover-shadow);
}


/* Responsive Adjustments */
@media (max-width: 768px) {
    .post-card {
        margin: 15px;
    }

    .sidebar .widget {
        box-shadow: 0 5px 15px var(--shadow-color);
    }

    .sidebar .widget:hover {
        box-shadow: 0 10px 25px var(--hover-shadow);
    }

    nav {
        padding: 10px 20px;
    }
}

/* General Button Styling */
a.gb-button {
    font-size: 14px;
    padding: 10px 25px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    background-image: linear-gradient(to right, #1dfc7a 0%, #3cd3ad 51%, ##04a17a 100%);
    color: #1dfc7a;
    box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
    border-radius: 120px;
}

/* Blog Post Card Style */
.post {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: rgba(23, 43, 99, 0.2) 0 4px 20px;
    margin: 20px 0;
    padding: 20px;
}

.post-title {
    font-size: 24px;
    font-weight: bold;
    color: #04a17a;
    margin-bottom: 15px;
}

.post-meta {
    font-size: 14px;
    color: #777;
    margin-bottom: 10px;
}

.post-summary {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 15px;
}



/* Neon Bluish-Green Border Hover Effect for Blog Post Cards on Homepage Only */
.home .post {
    display: flex;
    flex-direction: column;
    background-color: var(--card-background);
    border-radius: 12px;
    box-shadow: rgba(23, 43, 99, 0.2) 0 4px 20px;
    margin: 20px 0;
    padding: 20px;
    position: relative;
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    border: 2px solid transparent; /* Initial transparent border */
}

.home .post:hover {
    border-color: #1dfc7a; /* Neon bluish-green color on hover */
    box-shadow: 0 0 8px #1dfc7a, /* Glow around border */
                0 0 15px rgba(29, 252, 122, 0.5); /* Outer neon effect */
}

.author-box {
  text-align: center;
  background: linear-gradient(135deg, #00b894, #0984e3); /* Bluish-green gradient */
  border-radius: 12px;
  padding: 25px;
  max-width: 400px;
  margin: 20px auto;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
  color: #fff;
  position: relative;
  overflow: hidden;
}

.author-box::before {
  content: '';
  position: absolute;
  top: -50px;
  left: -50px;
  width: 150px;
  height: 150px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  animation: floatingEffect 5s infinite;
}

.author-box::after {
  content: '';
  position: absolute;
  bottom: -50px;
  right: -50px;
  width: 150px;
  height: 150px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  animation: floatingEffect 8s infinite;
}

.author-img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 4px solid #ffffff; /* White border */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
  transition: transform 0.3s ease-in-out;
}

.author-img:hover {
  transform: scale(1.1); /* Subtle hover zoom effect */
}

.author-name {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  margin: 10px 0;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.author-description {
  font-size: 15px;
  color: #dfe6e9;
  margin-top: 5px;
  line-height: 1.6;
}

@keyframes floatingEffect {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(20px, 20px);
  }
  100% {
    transform: translate(0, 0);
  }
}


/* After Post Social Share Design by web insights*/

.webinsights-social-wrapper {
    margin: 30px 0;
    font-size: 0;
}

.webinsights-social-wrapper span {
    font-weight: bold;
    padding-right: 10px;
    font-size: 16px;
}

.webinsights-social-sharing {
    font-size: 17px;
    padding: 7px 20px;
}

@media only screen and (max-width: 600px) {
    .webinsights-social-sharing {
        font-size: 17px;
        padding: 6px 17px;
        display: inline-block;
    }
	.webinsights-social-wrapper {
    margin: 30px 0px;
    font-size: 0;
}


}

.webinsights-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}

.webinsights-social-sharing:first-of-type {
    border-radius: 100px 0 0 100px;
}

.webinsights-social-sharing:last-of-type {
    border-radius: 0 100px 100px 0;
}

.webinsights-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);

}

.webinsights-social-facebook:hover {
    background-color: rgba(59, 89, 152, .8);
}

.webinsights-social-twitter {
    fill: #fff;
    background-color: rgba(29, 161, 242, 1);
}

.webinsights-social-twitter:hover {
    background-color: rgba(29, 161, 242, .8);
}

.webinsights-social-pinterest {
    fill: #fff;
    background-color: rgba(189, 8, 28, 1);
}

.webinsights-social-pinterest:hover {
    background-color: rgba(189, 8, 28, .8);
}

.webinsights-social-linkedin {
    fill: #fff;
    background-color: rgba(0, 119, 181, 1);
}

.webinsights-social-linkedin:hover {
    background-color: rgba(0, 119, 181, .8);
}

.webinsights-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}

.webinsights-social-whatsapp:hover {
    background-color: rgba(37, 211, 102, .8);
}

.webinsights-social-reddit {
    fill: #fff;
    background-color: rgba(255, 87, 0, 1);
}

.webinsights-social-reddit:hover {
    background-color: rgba(255, 87, 0, .8);
}

.inside-footer-widgets h2{
	font-size:22px!important;
}
.inside-footer-widgets .rpwwt-widget ul li{
	margin-bottom:0px;
}
.inside-footer-widgets ul li{
	font-size:16px!important;
}
.footer-widget-1 p {
 font-size:16px!important;
 }

/* Footer */
@media (min-width: 769px) {
 .footer-widgets-container .footer-widget-1 {
 max-width:520px;
 }
.footer-widget-2 {
 max-width:250px;
 }
.footer-widget-3 {
 }
}

@media (min-width:769px){
  .post-image-aligned-left .post-image img {
    margin-top: -20px;
    border-radius: 12px;
    box-shadow: rgba(23,43,99,.2) 0 7px 28px!important;
  }
  .site-content {
    display: flex;
  }
  .inside-right-sidebar {
    height: 100%;
  }
  .inside-right-sidebar aside:last-child {
    position: -webkit-sticky; /* Safari-specific sticky positioning */
    position: sticky;         /* Standard sticky positioning */
    top: 100px;               /* The sticky offset from the top of the viewport */
  }
}

/* Default link styles */
a {
    text-decoration: none; /* Remove default underline */
    position: relative;
    color: inherit; /* Use the existing text color */
}

/* Add underline effect */
a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px; /* Position the line just below the text */
    width: 0;
    height: 2px; /* Thickness of the underline */
    background: linear-gradient(90deg, #00FFCC, #0080FF); /* Bluish-green gradient */
    transition: width 0.3s ease; /* Smooth animation for the line fill */
}

/* Hover effect */
a:hover::after, a:focus::after, a:active::after {
    width: 100%; /* Line fills the entire width of the link */
}

/* Remove link effect on homepage */
body.home a::after {
    display: none; /* Hide the underline effect */
}





/* Style for post content images (default state) */
.post-content img:not(.wp-post-image) {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0;
    transform: scale(0.9);
    pointer-events: none; /* Prevent interaction when hidden */
}

/* On hover (desktop-only) */
.post-content:hover img:not(.wp-post-image) {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

/* Mobile-specific: Always visible */
@media screen and (max-width: 768px) {
    .post-content img:not(.wp-post-image) {
        opacity: 1;
        transform: scale(1);
        pointer-events: auto;
    }
}

Setting Up Share Buttons

Share buttons are crucial for boosting engagement. You can add them by following these steps:

Go to Appearance > Elements.
Create a new element and select the Share Button option.
Position it below your posts for maximum visibility.

Share button

<?php
$webinsightsURL = urlencode(get_the_permalink());
$webinsightsTitle = urlencode(get_the_title());
$webinsightsImage= urlencode(get_the_post_thumbnail_url(get_the_ID(), 'full'));
?>
<div class="webinsights-social-wrapper"> <span class="hide-on-mobile">Sharing Is Caring:</span> <a class="webinsights-social-sharing webinsights-social-facebook" href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $webinsightsURL; ?>" target="_blank" rel="nofollow">
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
    <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/>
  </svg>
  </a> 
	<a class="webinsights-social-sharing webinsights-social-whatsapp" href="https://api.whatsapp.com/send?text=<?php echo $webinsightsTitle; echo " "; echo $webinsightsURL;?>" target="_blank" rel="nofollow">
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
    <path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/>
  </svg>
  </a> 
	
	<a class="webinsights-social-sharing webinsights-social-twitter" href="https://twitter.com/intent/tweet?text=<?php echo $webinsightsTitle;?>&url=<?php echo $webinsightsURL;?>&via=webinsights" target="_blank" rel="nofollow">
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
    <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/>
  </svg>
  </a> <a class="webinsights-social-sharing webinsights-social-pinterest" href="https://pinterest.com/pin/create/button/?url=<?php echo $webinsightsURL; ?>&media=<?php echo $webinsightsImage;   ?>&description=<?php echo $webinsightsTitle; ?>" target="_blank" rel="nofollow">
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
    <path d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z" fill-rule="evenodd" clip-rule="evenodd"/>
  </svg>
  </a> <a class="webinsights-social-sharing webinsights-social-linkedin" href="https://www.linkedin.com/shareArticle?url=<?php echo $webinsightsURL; ?>&title=<?php echo $webinsightsTitle; ?>&mini=true" target="_blank" rel="nofollow">
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
    <path d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"/>
  </svg>
  </a> <a class="webinsights-social-sharing webinsights-social-reddit" href="https://reddit.com/submit?url=<?php echo $webinsightsURL;?>&title=<?php echo $webinsightsTitle; ?>" target="_blank" rel="nofollow">
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
    <path d="M24 11.779c0-1.459-1.192-2.645-2.657-2.645-.715 0-1.363.286-1.84.746-1.81-1.191-4.259-1.949-6.971-2.046l1.483-4.669 4.016.941-.006.058c0 1.193.975 2.163 2.174 2.163 1.198 0 2.172-.97 2.172-2.163s-.975-2.164-2.172-2.164c-.92 0-1.704.574-2.021 1.379l-4.329-1.015c-.189-.046-.381.063-.44.249l-1.654 5.207c-2.838.034-5.409.798-7.3 2.025-.474-.438-1.103-.712-1.799-.712-1.465 0-2.656 1.187-2.656 2.646 0 .97.533 1.811 1.317 2.271-.052.282-.086.567-.086.857 0 3.911 4.808 7.093 10.719 7.093s10.72-3.182 10.72-7.093c0-.274-.029-.544-.075-.81.832-.447 1.405-1.312 1.405-2.318zm-17.224 1.816c0-.868.71-1.575 1.582-1.575.872 0 1.581.707 1.581 1.575s-.709 1.574-1.581 1.574-1.582-.706-1.582-1.574zm9.061 4.669c-.797.793-2.048 1.179-3.824 1.179l-.013-.003-.013.003c-1.777 0-3.028-.386-3.824-1.179-.145-.144-.145-.379 0-.523.145-.145.381-.145.526 0 .65.647 1.729.961 3.298.961l.013.003.013-.003c1.569 0 2.648-.315 3.298-.962.145-.145.381-.144.526 0 .145.145.145.379 0 .524zm-.189-3.095c-.872 0-1.581-.706-1.581-1.574 0-.868.709-1.575 1.581-1.575s1.581.707 1.581 1.575-.709 1.574-1.581 1.574z"/>
  </svg>
  </a> </div>

Final Touches and Publishing

After all the customizations, review your website thoroughly. Ensure all elements are functioning correctly and visually appealing. Once satisfied, publish your changes.

Conclusion

With these Customization Secrets for GeneratePress Premium Theme, you can create a stunning website that stands out without any coding knowledge. Remember, the key is to experiment with different settings until you achieve the desired look. If you have any questions or need further assistance, feel free to leave a comment below!

For more tips and tools on enhancing your content creation journey, check out ContentVibee.

Frequently Asked Questions

What is the first step to start using the GeneratePress Premium theme?

The first step is to install and activate the GeneratePress Premium theme by logging into your WordPress dashboard, navigating to Appearance > Themes, downloading the theme, and uploading it.

How can I import a starter site in GeneratePress?

You can import a starter site by going to the Site Library, searching for the “Marketer” layout, and clicking Get Started to follow the prompts for content import.

What elements can I customize in my website?

You can customize various elements including:

Site Identity (name, tagline, logo)
Layout settings (container width, spacing)
Header and navigation (mobile version, primary navigation)
Color scheme to reflect your brand identity

How do I add custom CSS in GeneratePress?

To add custom CSS, navigate to Appearance > Customize, select Additional CSS, and paste your custom CSS code to create unique styles.

What is the process for setting up share buttons?

To set up share buttons, go to Appearance > Elements, create a new element, select the Share Button option, and position it below your posts for visibility.

Author Image

Mo waseem

Welcome to Contentvibee! I'm the creator behind this dynamic platform designed to inspire, educate, and provide valuable tools to our audience. With a passion for delivering high-quality content, I craft engaging blog posts, develop innovative tools, and curate resources that empower users across various niches

2 thoughts on “Customization Secrets for GeneratePress Premium Theme”

Abu Farhan Siddiqui
January 1, 2025 at 4:44 am
Thankk you very professional detailing the customization of generate press premium theme and the very useful codes which enhance the website appearance and look great.
Log in to Reply
- Mo. Waseem
  January 1, 2025 at 7:22 pm
  your welcome sir soon ill provide the new styles for generate press stay tunnel and subscribe to my channel also. Youtube search – Contentvibee
  Log in to Reply

Leave a Comment Cancel reply

You must be logged in to post a comment.