Hi,

I've fixed this issue.

Please check.

Regards,
PenciDesign.

Hi,

Please send me your WordPress admin account in a PRIVATE reply. I'll log in and help you check it.

Regards,
PenciDesign.

Hi,

Please send me a screenshot and URL related to this issue, I'll check and help you fix it.

Regards,
PenciDesign.

Hi,

In this case, please send me the WordPress admin account. I need to log in then check this issue.

Regards,
PenciDesign.

Hi,

The number input field display by default of the browser setting. We'll check and improve the input & add more features in the future release.

Regards,
PenciDesign.

Hi,

Please download the attachment file then overwrite it to:

wp-content/plugins/penci-review/init.php

Regards,
PenciDesign.

Hi,

Everything working properly on my browser.

Please send me your browser version and OS name. I'll check again.

Regards,
PenciDesign.

Hi,

Please download and overwrite this functions.php file on the penci-review folder.

Regards,
PenciDesign.

Hi,

By default, the Penci Review plugin doesn't round any number you entered.

Please check the number you fill in again.

Regards,
PenciDesign.

Hi,

In this case, I just need normal access.

Regards,
PenciDesign.

Hi,

We've updated the Soledad theme, so the latest version is 8.0.

Please check and update.

Regards,
PenciDesign.

Hi,

You don't need to delete anything. Please read the document here:

How to Update A Premium WordPress Theme to Latest Version?

Regards,
PenciDesign.

Hi,

For your request, We'll add this to the future plugin update.

Regards,
PenciDesign.

Hi,

The best solution for this case is to install and use the WP Table Builder here: https://wordpress.org/plugins/wp-table-builder/ This plugin will help you create a responsive table.

Regards,
PenciDesign.

Hi,

Please send me your table page URL.

Regards,
PenciDesign.

Hi,

1. You can add the background for the slider section by edit on Elementor,

2. If you want to custom order posts/pages/portfolio/... please install the Simple Custom Post Order plugin here: https://wordpress.org/plugins/simple-custom-post-order/,

3. There are no options to show a "All" link as button for the single mega menu item. The user can click this link on the parent menu item.

Regards,
PenciDesign.

Hi,

We'll consider adding this feature in the future release.

Regards,
PenciDesign.

Hi,

1. I've written in the previous reply, if you want to display a Paypal button on the sidebar, please put the shortcode correctly on the HTML widget.

2. If you want to add the background for the review box, please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.wrapper-penci-review *, .wrapper-penci-review a {
    color: #fff !important;
}
.wrapper-penci-review {
    background-image: url('imgage-link-here');
    background-size: cover;
    background-position: center center;
}

body.postid-21 .wrapper-penci-review {
    background-image: url('imgage-link-here');
}

Regards,
PenciDesign.

Hi,

1. The shortcode working all entire site,

2. How the background image do you want to display? Please send me detail of your request,

3. You can upload the image with a ratio of 1:1 (min-width & height: 1200px)

Regards,
PenciDesign.

Hi,

Please make sure you've activated the PayPal Donation plugin and copy exactly the shortcode show in this plugin. Example:

Regards,
PenciDesign.

Hi,

For the Paypal Donation Button, please install the PayPal Donation plugin: https://wordpress.org/plugins/easy-paypal-donation/, then insert shortcode to your widget.

Regards,
PenciDesign.

Hi,

Please install the Ditty News Ticket plugin, create and configure your News Ticket, then add the Shortcode immediately above or below the embed video code. Example:

[ditty_news_ticker id="1791"]

For more information, please read the plugin document here: https://www.metaphorcreations.com/documentation/ditty-news-ticker/

Regards,
PenciDesign.

Hi,

You can install the Ditty News Ticket here: https://wordpress.org/plugins/ditty-news-ticker/, config this plugin then insert plugin shortcodes to the customize homepage.

Regards,
PenciDesign.

Hi,

For the item license & copyright, you can't activate 1 license for multi environments or end products (test/demo/production/...). Please cancel the license first then register on the new site OR you can support our team by purchase the new license.

Regards,
PenciDesign.

Hi,

Yes. A final vote is the latest item you've added to the review settings.

Regards,
PenciDesign.

Hi,

Please download the attachment file then overwrite it to:

wp-content/plugins/penci-review/inc/functions.php

This custom file will show the final vote as the review score.

Regards,
PenciDesign.

Hi,

1. Please check the Smart Grid Gallery plugin, this plugin enqueue JS error on your site,

2. Clear all your site cache then check again OR test your site on the private/incognito tab.

Regards,
PenciDesign.

Hi,

1. This is embed code:

<iframe src="https://player.vimeo.com/video/596049991?h=4ea7171772&title=0&byline=0&portrait=0" style="width:100%;height:100%;margin:0 auto;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

2. In case you want to show the highest score of the review, please download the attachment file then overwrite it to:

wp-content/plugins/penci-review/inc/functions.php

Regards,
PenciDesign.

Hi,

If you want to align centre the iframe, add this code to the inline style:

margin:0 auto;

Regards,
PenciDesign.

Hi,

This is a modified embed code:

<iframe src="https://player.vimeo.com/video/596049991?h=4ea7171772&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

Regards,
PenciDesign.

Hi,

1. If you want to display video above the slider, please go to Appearance → Widgets: put video embedding code to HTML Widget and assign to Header Signup Form, then go to Appearance → Customize → Custom CSS, add the custom CSS code:

.penci-header-signup-form {
    padding: 0;
    margin: 30px 0;
    background: transparent;
}

Regards,
PenciDesign.

Hi,

You've pasted the wrong HTML embed code. Please go to the video you want to insert, config and get the code like the screenshot below:

Regards,
PenciDesign.

Hi,

You can add a video/slider under the featured slider by adding the custom HTML/Shortcode to Appearance → Customize → Featured Slider → General → Add Google Adsense/Custom HTML Code Below Featured Slider.

Regards,
PenciDesign.

Hi,

If you choose to show the featured video background, the featured slider will be hidden.

Regards,
PenciDesign.

Hi,

If you want to show a Youtube video on Widgets, you can install the YouTube Channel plugin here: https://wordpress.org/plugins/youtube-channel/ or both Vimeo/Youtube ARVE Advanced Responsive Video Embedder (premium addon required for random video feature).

Regards,
PenciDesign.

Hi,

Yes. The Game News 2 Sidebar is only available on the Elementor version.

Please take a little time to research and use this plugin, you can build various layouts easily without code knowledge.

Resource:

• https://soledad.pencidesign.net/soledad-document/#homepage
• https://elementor.com/getting-started/

Regards,
PenciDesign.

Hi,

1. You can use a WordPress backup solution to save your template then restore it in the future. Example: Updraft Plus

2. The Game News 2 Sidebar is built with the Elementor Page Builder, you can import this demo and customize it as you want.

Regards,
PenciDesign.

Hi,

Your code doesn't work because you've inserted the wrong CSS syntax. 

Please replace all the custom CSS with this code:

.grid-post-box-meta span,
.grid-post-box-meta a {
    font-size: 12px
}
.widget ul.penci-feed-2columns li .side-item .side-item-text h4 a {
    font-size: 12px
}
.widget ul.side-newsfeed li .side-item .side-item-text h4 a {
    font-size: 12px
}
.penci-sidebar-content .widget-title {
    margin: -10px -10px 30px;
}
.penci-sidebar-content .widget {
    background: #fff;
    width: 60%;
    padding: 10px;
    box-shadow: 10px 10px 0px 0px rgba(189, 189, 189, 0.25);
    margin: 10px 10px 60px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.penci-sidebar-content .widget:hover {
    -moz-transform: translate(0, -15px);
    -webkit-transform: translate(0, -15px);
    -o-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px);
}
.penci-grid li .item>.thumbnail,
.penci-masonry .item-masonry>.thumbnail .hentry>.thumbnail {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.penci-grid li .item:hover>.thumbnail,
.penci-masonry .item-masonry:hover>.thumbnail .hentry:hover>.thumbnail {
    -moz-transform: translate(0, -15px);
    -webkit-transform: translate(0, -15px);
    -o-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px);
}
.penci-grid li .item,
.penci-masonry .item-masonry {
    padding: 40px;
    background: #fff;
    border-radius: 3%;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.penci-grid li .item>.thumbnail,
.penci-masonry .item-masonry>.thumbnail .hentry>.thumbnail {
    margin: -15px -15px 30px;
    overflow: hidden;
    width: calc(100% + 30px);
}
.penci-grid li .item,
.penci-masonry .item-masonry,
.home-featured-cat-content .mag-post-box {
    padding: 50px;
    background: #fff;
    border-radius: 3%;
    box-shadow: 10px 10px 0px 0px rgba(189, 189, 189, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.penci-grid li .item:hover,
.penci-masonry .item-masonry:hover,
.home-featured-cat-content .mag-post-box:hover {
    -moz-transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -o-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -10px);
}
.home-featured-cat-content .mag-post-box .magcat-thumb,
.home-featured-cat-content .mag-post-box .magcat-detail {
    margin-bottom: 60px;
}
.home-featured-cat-content .mag-post-box {
    padding-bottom: 0;
}
.container.penci_sidebar .penci-grid>li {
    width: 31%;
    margin-right: 3.5%;
}
.container.penci_sidebar .penci-grid li:nth-of-type(2n+2),
.penci-grid li.grid-2-style:nth-of-type(2n+2),
.container.penci_sidebar .penci-grid li:nth-of-type(2n+1),
.penci-grid li.grid-2-style:nth-of-type(2n+1) {
    margin-right: 3.5%;
    clear: none;
}
.container.penci_sidebar .penci-grid li:nth-of-type(3n+1),
.penci-grid li.grid-2-style:nth-of-type(3n+1) {
    clear: both;
}
.container.penci_sidebar .penci-grid li:nth-of-type(3n+3),
.penci-grid li.grid-2-style:nth-of-type(3n+3) {
    margin-right: 0;
    clear: none;
}
@media only screen and (min-width: 1170px) {
    .container {
        width: 100%;
        padding: 0 60px;
    }
}
.penci-home-popular-post {
    margin-top: 30px;
    width: 89%;
}
.penci-sidebar-content .widget {
    width: 90%;
    padding: 0 60px;
}
.penci-single-style-10 .penci-single-s10-content,
.container.penci_sidebar #main {
    width: 79%;
}
.penci-sidebar-content {
    width: 21%;
}
.container.penci_sidebar .penci-masonry .item-masonry,
.penci-masonry .item-masonry.grid-masonry-2 {
    width: calc(33.3333333333% - 30px);
    margin: 0 15px 30px;
}
/* Featured Categories 3 Columns */
.home-featured-cat.mag-cat-style-2 {
    width: 31%;
    margin-right: 3.5%;
}
#main .theiaStickySidebar>div.mag-cat-style-2:nth-of-type(2n+2),
#main>div.mag-cat-style-2:nth-of-type(2n+2) {
    margin-right: 3.5%;
}
#main .theiaStickySidebar>div.mag-cat-style-2:nth-of-type(3n+2),
#main>div.mag-cat-style-2:nth-of-type(3n+2) {
    margin-right: 0;
}
#main .theiaStickySidebar>div.mag-cat-style-2:nth-of-type(3n+3),
#main>div.mag-cat-style-2:nth-of-type(3n+3) {
    clear: both;
}
/* Categories Bakground */
.penci-featured-infor .cat a.penci-cat-name,
.penci-grid .cat a.penci-cat-name,
.penci-masonry .cat a.penci-cat-name,
.penci-featured-infor .cat a.penci-cat-name {
    padding: 5px 10px;
    background: #f1f1f1;
    /* change the background color here */
    border-radius: 10px;
}
.penci-featured-infor .cat a.penci-cat-name:after,
.penci-grid .cat a.penci-cat-name:after,
.penci-masonry .cat a.penci-cat-name:after,
.penci-featured-infor .cat a.penci-cat-name:after {
    display: none;
}
.home-featured-cat-content.style-2 .mag-post-box .magcat-thumb {
    float: none;
    margin-bottom: 15px;
}
.home-featured-cat-content.style-2 .mag-post-box .magcat-thumb .penci-image-holder.small-fix-size {
    width: 50%;
}
@media only screen and (min-width: 1170px) {
    .container.penci_sidebar .penci-grid.penci-fea-cat-style-13>li,
    .penci-grid.penci-fea-cat-style-13>li {
        width: 25%;
    }
    .container.penci_sidebar .penci-grid.penci-fea-cat-style-13>li:nth-child(3n+1),
    .penci-grid.penci-fea-cat-style-13>li:nth-child(3n+1) {
        clear: none;
    }
    .container.penci_sidebar .penci-grid.penci-fea-cat-style-13>li:nth-child(4n+1),
    .penci-grid.penci-fea-cat-style-13>li:nth-child(4n+1) {
        clear: both;
    }
}
.home-featured-cat-content.style-2 .mag-post-box .magcat-thumb {
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .home-featured-cat.mag-cat-style-2 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        clear: both;
    }
    .theiaStickySidebar {
        position: static !important;
    }
    .penci-single-style-10 .penci-single-s10-content,
    .container.penci_sidebar #main {
        width: 100%;
    }
    .penci-masonry {
        padding: 0 30px 0 0;
    }
}

Regards,
PenciDesign.

Hi,

I've checked your site and have not found the custom CSS I've replied to you on this comment: https://pencidesign.ticksy.com/ticket/2856827/#comment-15152481

Please insert it into your site then reply to this ticket.

Regards,
PenciDesign.

Hi,

Please add this CSS to your site, clear all the cache then check again.

I've tested this code on my device before reply to you.

Regards,
PenciDesign.

Hi,

Please add this CSS to your site:

@media only screen and (max-width: 767px) {
    .home-featured-cat.mag-cat-style-2 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        clear: both;
    }
    .theiaStickySidebar {
        position: static !important;
    }
    .penci-single-style-10 .penci-single-s10-content, .container.penci_sidebar #main {
        width: 100%;
    }
    .penci-masonry {
        padding: 0 30px 0 0;
    }
}

Regards,
PenciDesign.

Hi,

Please go to Appearance → Theme Editor:

- Select theme to edit: Soledad,

- Navigate to inc/modules/featured-categories.php,

Find:

if( $cat_layout == 'style-12' ): $data_item = 3; endif;

Replace to:

if( $cat_layout == 'style-12' ): $data_item = 4; endif;

Regards,
PenciDesign.

Hi,

it's ok for category 13 the title center but i ask if possible the 3 columbs centered or 
have a 4 (that cover the empy space to the right)

I've replied to this question in the previous reply, please read carefully and paste this CSS to your site. That code will show style 13 in 4 columns.

https://pencidesign.ticksy.com/ticket/2856827/#comment-15148988

Regards,
PenciDesign.

Hi,

Add this CSS:

.home-featured-cat-content.style-2,
.penci-fea-cat-style-13 .grid-header-box  {
    text-align: center;
}
.home-featured-cat-content.style-2 .first-post .magcat-detail .mag-header:after {
    left: 50%;
    right: 50%;
    margin-left: -30px;
}

Regards,
PenciDesign.

Hi,

This is a CSS for your request:

@media only screen and (min-width: 1170px) {
    .container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li, .penci-grid.penci-fea-cat-style-13 > li {
        width: 25%;
    }
    .container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li:nth-child(3n+1), .penci-grid.penci-fea-cat-style-13 > li:nth-child(3n+1) {
        clear: none;
    }
    .container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li:nth-child(4n+1), .penci-grid.penci-fea-cat-style-13 > li:nth-child(4n+1) {
        clear: both;
    }
}
.home-featured-cat-content.style-2 .mag-post-box .magcat-thumb {
    text-align: center;
}

Regards,
PenciDesign.

Hi,

1. Add this CSS to your site:

.home-featured-cat-content.style-2 .mag-post-box .magcat-thumb {
    float: none;
    margin-bottom: 15px;
}
.home-featured-cat-content.style-2 .mag-post-box .magcat-thumb .penci-image-holder.small-fix-size {
    width: 100%;
}

Regards,
PenciDesign.

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

/* Featured Categories 3 Columns */
.home-featured-cat.mag-cat-style-2 {
    width: 31%;
    margin-right: 3.5%;
}
#main .theiaStickySidebar>div.mag-cat-style-2:nth-of-type(2n+2),
#main>div.mag-cat-style-2:nth-of-type(2n+2) {
    margin-right: 3.5%;
}
#main .theiaStickySidebar>div.mag-cat-style-2:nth-of-type(3n+2),
#main>div.mag-cat-style-2:nth-of-type(3n+2) {
    margin-right: 0;
}
#main .theiaStickySidebar>div.mag-cat-style-2:nth-of-type(3n+3),
#main>div.mag-cat-style-2:nth-of-type(3n+3) {
    clear: both;
}
/* Categories Bakground */
.penci-featured-infor .cat a.penci-cat-name,
.penci-grid .cat a.penci-cat-name,
.penci-masonry .cat a.penci-cat-name,
.penci-featured-infor .cat a.penci-cat-name {
    padding: 5px 10px;
    background: #f1f1f1;
    /* change the background color here */
    border-radius: 10px;
}
.penci-featured-infor .cat a.penci-cat-name:after,
.penci-grid .cat a.penci-cat-name:after,
.penci-masonry .cat a.penci-cat-name:after,
.penci-featured-infor .cat a.penci-cat-name:after {
    display: none;
}

Change #f1f1f1 to your background color.

Regards,
PenciDesign.

Hi,

1. Please modify the CSS to add the spacing at the bottom:

.container.penci_sidebar .penci-masonry .item-masonry, .penci-masonry .item-masonry.grid-masonry-2 {
    width: calc(33.3333333333% - 30px);
    margin: 0 15px 30px;
}

2. If you build your homepage with the Customizer settings, there is no way to put the Latest post middle of the featured categories. But you can build this layout by using the Elementor Page Builder.

Regards,
PenciDesign.

Hi,

Please modify the CSS code as below:

.container.penci_sidebar .penci-masonry .item-masonry, .penci-masonry .item-masonry.grid-masonry-2 {
    width: calc(33.3333333333% - 30px);
    margin: 0 15px;
}

Regards,
PenciDesign.

Hi,

Please add this CSS code to enable 3 columns on the masonry layout:

.container.penci_sidebar .penci-masonry .item-masonry, .penci-masonry .item-masonry.grid-masonry-2 {
    width: 33.3333333333%;
}

Regards,
PenciDesign.

Hi,

The problem because you've uploaded many image sizes for blog posts, please resize it correctly on your PC before upload.

In case if you want to display mixed image size, you should select your post as a masonry layout.

Regards,
PenciDesign.

Hi,

About the image auto crop, please go to Appearance → Customize → Speed Optimization → General & Lazyload: check Disable Lazyload Images on All Posts Layouts & Widgets option then reload your page.

Regards,
PenciDesign.

Hi,

All images on your site now display as full size, please clear your browser cache then check again.

Regards,
PenciDesign.

Hi,

I've written in the previous reply: this code will display all thumbnails as a full size - original image when you upload without resize.

Regards,
PenciDesign.

Hi,

Please install the Code Snippet plugin, then create a new snippet with the following content:

if ( ! function_exists( 'penci_get_featured_image_size' ) ) {
    function penci_get_featured_image_size( $id, $size = 'full' ) {
        if ( ! has_post_thumbnail( $id ) ) {
            $image_holder = get_template_directory_uri() . '/images/no-image.jpg';
            return $image_holder;
        } else {
            $image_html = get_the_post_thumbnail( $id, 'full' );
            preg_match( '@src="([^"]+)"@', $image_html, $match );
            // Speed Optimizer
            if( empty($match) || strpos($match[count($match)-1],';base64,')!==false || strpos($match[count($match)-1],apply_filters('hpp_defer_src_holder', ';base64,'))!==false ){
                preg_match( '#(data-src|'.md5('hw-attr-data-src').')="(.*?)"#', $image_html, $match );
            }
            $src = array_pop( $match );
            $src_check = substr( $src, -4 );
            if( $src_check == '.gif' ){
                $image_full = get_the_post_thumbnail( $id, 'full' );
                preg_match( '@src="([^"]+)"@', $image_full, $match_full );
                // Speed Optimizer
                if( empty($match_full) || strpos($match_full[count($match_full)-1],';base64,')!==false || strpos($match_full[count($match_full)-1],apply_filters('hpp_defer_src_holder', ';base64,'))!==false ){
                    preg_match( '#(data-src|'.md5('hw-attr-data-src').')="(.*?)"#', $image_full, $match_full );
                }
                $src = array_pop( $match_full );
            }
            return esc_url( $src );
        }
    }
}

Regards,
PenciDesign.

Hi,

1. Please add the CSS to your site:

.penci-sidebar-content .widget {
    width: 100%;
}
.penci-single-style-10 .penci-single-s10-content,
.container.penci_sidebar #main {
    width: 79%;
}
.penci-sidebar-content {
    width: 21%;
}

Regards,
PenciDesign.

Hi,

Please try to add this CSS:

.penci-home-popular-post {
   margin-top: 30px;
}

Regards,
PenciDesign.

Hi,

Please add this CSS code:

@media only screen and (min-width: 1170px) {
   .container {
      width: 100%;
      padding: 0 60px;
   }
}

Regards,
PenciDesign.

Hi,

1. Elementor is a page builder, help you build a custom layout & element from the scratch, this plugin doesn't support edit the homepage build with Customizer,

2. You can use the free version of Elementor without any limit. Please read the document & tutorial video here: http://soledad.pencidesign.com/soledad-document/#homepage

3. If you want to show the latest post as 3 columns, you can use this CSS:

.container.penci_sidebar .penci-grid > li {
   width: 31%;
   margin-right: 3.5%;
}
.container.penci_sidebar .penci-grid li:nth-of-type(2n+2),
.penci-grid li.grid-2-style:nth-of-type(2n+2),
.container.penci_sidebar .penci-grid li:nth-of-type(2n+1),
.penci-grid li.grid-2-style:nth-of-type(2n+1) {
   margin-right: 3.5%;
   clear: none;
}
.container.penci_sidebar .penci-grid li:nth-of-type(3n+1),
.penci-grid li.grid-2-style:nth-of-type(3n+1) {
   clear: both;
}
.container.penci_sidebar .penci-grid li:nth-of-type(3n+3),
.penci-grid li.grid-2-style:nth-of-type(3n+3) {
   margin-right: 0;
   clear: none;
}

Regards,
PenciDesign.

Hi,

Please add this CSS to your site:

.home-featured-cat-content .mag-post-box .magcat-thumb,
.home-featured-cat-content .mag-post-box .magcat-detail {
    margin-bottom: 30px;
}
 .home-featured-cat-content .mag-post-box {
    padding-bottom: 0;
 }

Regards,
PenciDesign.

Hi,

Please add this CSS to your site:

.penci-grid li .item, .penci-masonry .item-masonry,
.home-featured-cat-content .mag-post-box {
    padding: 15px;
    background: #fff;
    border-radius: 3%;
    box-shadow: 10px 10px 0px 0px rgba(189,189,189,0.25);
    border: 1px solid rgba(0,0,0,0.1);
     transition: all 0.3s ease-in-out;
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.penci-grid li .item:hover, .penci-masonry .item-masonry:hover,
.home-featured-cat-content .mag-post-box:hover {
    -moz-transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
}

Regards,
PenciDesign.

Hi,

Please modify the CSS code like this:

.penci-grid li .item, .penci-masonry .item-masonry {
    padding: 15px;
    background: #fff;
    border-radius: 3%;
    border: 1px solid rgba(0,0,0,0.1);
}
.penci-grid li .item > .thumbnail,
.penci-masonry .item-masonry > .thumbnail
.hentry > .thumbnail {
    overflow: hidden;
    width: calc(100% + 30px);
}

Regards,
PenciDesign.

Hi,

Please add this CSS to your site:

.penci-grid li .item, .penci-masonry .item-masonry {
    padding: 15px;
    background: #fff;
    border-radius: 3%;
    border: 1px solid rgba(0,0,0,0.1);
}
.penci-grid li .item > .thumbnail,
.penci-masonry .item-masonry > .thumbnail
.hentry > .thumbnail {
    margin: -15px -15px 30px;
    overflow: hidden;
    width: calc(100% + 30px);
}

Regards,
PenciDesign.

Hi,

Please add this CSS to apply the transition to your post thumbnail:

.penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail
.hentry > .thumbnail {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.penci-grid li .item:hover > .thumbnail, .penci-masonry .item-masonry:hover > .thumbnail
.hentry:hover > .thumbnail  {
    -moz-transform: translate(0, -15px);
    -webkit-transform: translate(0, -15px);
    -o-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px);
}

Regards,
PenciDesign.

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.penci-sidebar-content .widget-title {
    margin: -10px -10px 30px;
}
.penci-sidebar-content .widget {
    padding: 10px;
    box-shadow: 10px 10px 0px 0px rgba(189,189,189,0.25);
    margin: 10px 10px 60px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.penci-sidebar-content .widget:hover {
    -moz-transform: translate(0, -15px);
    -webkit-transform: translate(0, -15px);
    -o-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px);
}

Regards,
PenciDesign.

Hi,

In case if you want to build your Categories post in 3,4 or 5 columns, please using the Elementor Page Builder. The current version of Soledad already supports this layout.

For more information, please read the document & video tutorial here: https://soledad.pencidesign.net/soledad-document/#homepage

Regards,
PenciDesign.

Hi,

As you saw on the image below, all the sub-menu indent under Services is a child menu. For example: if you set the Services menu as the mega menu item, you MUST delete all the child menu.

For more information, please read the document here: http://soledad.pencidesign.com/soledad-document/#menu

Regards,
PenciDesign.

Hi,

Please delete all child menu of the menu you’ve set as mega menu. Menu item you selected to display category mega menu need to be top level of your menu and this menu item doesn't have any child menu items.

Regards,
PenciDesign.

Hi,

If you want to show your category post similar to the screenshot you've sent, you must select display as Style 2.

Regards,
PenciDesign.

Hi,

Please go to your site Dashboard → Posts → Category, click the Edit link on the category you want to edit, then select the layout display at Select Featured Layout for Magazine Layout.

Regards,
PenciDesign.