[Sakin]

@Delle: Thanks for the cooperation. I found the issue. It was conflicting with “SiteOrigin Widgets Bundle” plugin “Slider widget” module. I have off Slider Widget module and your slider is working fine.

[Sakin]

@flp2001: They are using Full Frame Pro version where you have option to disable header toggle from “Appearance => Customize => Theme Options => Fixed Header Top Options”. Then added the following css:

#site-branding,
#site-header {
    text-align: center;
    width: 100%;
}
#site-logo {
    display: block;
    float: none;
    margin: 0 auto;
}

But you are using free version.

[Sakin]

@David: ok then replace the previous css with the following css:

@media screen and (min-width: 884px) {
    .site {
        max-width: 884px;
        width: 100%;
    }
    #main {
        padding: 20px;
        width: 80%;
    }
    .sidebar-primary {
        padding: 20px;
        width: 20%;
    }
}

[Sakin]

@flp2001: for top of the page, you have small logo icon image.

[Sakin]

@Craig: The logo icon that you have added is too large. See this http://vps153982.ovh.net/wp-content/uploads/2015/05/SBS-Logo-for-Inside-Marine.jpg. This is not good for site loading.

So, upload image smaller logo icon image from “Appearance => Customize => Theme Options => Fixed Header Top Options”. Then you can increase the max height, right now it’s only 44px. 2x mean 88px. Add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:
#logo-icon img { max-height: 88px; }

[Sakin]

@Gudrun: Sorry for that. OK to change that border color on hover, you need to change the color code as per your need in the following css and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:
#promotion-message .right a:hover { border-color: #666; }

[Sakin]

@Delle: For this I need to check in your site. I will email you.

[Sakin]

@flp2001: Try adding following css in “Appearance => Customize => Theme Options => Custom CSS” box:

#masthead {
    background: transparent none;
    border-bottom: none;
}
#masthead {
    display: block;
    opacity: 1 !important;
}

[Sakin]

@lorencowka: Maybe you want to check this tutorial http://www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/ or you can use SimpleJPEGQuality plugin.

[Sakin]

@matthewseanmclachlan: Not in my scope, you need to hire a customizer to add that script. For that you need to build child theme and add javascript.

[Sakin]

@matthewseanmclachlan: Scroll up is also doing same. It links to #page which is top of your page. It also have Javascript to make it smooth scroll and show/hide.

[Sakin]

@matthewseanmclachlan: For top, you need to remove white space from your image itself. See your image http://www.trendfly.org/wp-content/uploads/2015/09/Projects_1260.png

Then add the following css:

.home .post-44,
.home .post-44 .entry-content,
.home .post-44 .entry-content p {
    margin: 0;
    padding: 0;
}
.home .post-44 .entry-header {
    display: none;
}

[Sakin]

@Paul: Not sure which element are you talking about. Are you talking about Featured Content headline with the text “Welcome To Novalee because of you”. For that, you can change the font size in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:

@media screen and (min-width: 768px) {
    #promotion-message h2 { font-size: 30px; }
}

[Sakin]

@Deb: Sorry, I don’t get it what you mean. Comment will show without click on Reply button, see this demo http://catchthemes.com/demo/adventurous/about/page-with-comments/

Maybe, you are taking about different. If so then please explain it.

[Sakin]

@Justin: For border radius, you can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

#featured-grid-content .wrapper {
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}
#featured-grid-content .grid-box.first {
    border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    -webkit-border-radius: 25px 0 0 25px;
}
#featured-grid-content .grid-box + .grid-box {
     border-radius: 0 25px 0 0;
    -moz-border-radius: 0 25px 0 0;
    -webkit-border-radius: 0 25px 0 0;
}
#featured-grid-content .grid-box + .grid-box + .grid-box  {
     border-radius: 0 0 25px;
    -moz-border-radius: 0 0 25px;
    -webkit-border-radius: 0 0 25px;
}

I don’t think box shadow will be visible in grid content, as it has hover effect.

[Sakin]

@Gudrun: In Gridalicious Pro theme, you can change the color of promotion button on hover, from “Appearance => Customize => Color Options => Promotion Headline Color Options” and change “Promotion Headline Button Hover Background Color” and “Promotion Headline Button Hover Text Color” then click on “Save & Publish”

[Sakin]

@David: ok so you want to reduce it, then you can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

@media screen and (min-width: 1153px) {
    .wrapper { width: 1130px; }
    #main { width: 883px; }
}

[Sakin]

@David: Can you post in your site URL and let me know the size that you want to make it fro your content.

[Sakin]

Ok for that you can replace your css:

@media screen and (min-width: 961px) {
    #main-slider .entry-header .entry-title { font-size: 35px; background: rgba(64, 64, 64, .8); }
    #main-slider .entry-content { font-size: 20px; background: rgba(64, 64, 64, .8); }
}

with the following css, where I have added in the width. Just change the width as per your need.

@media screen and (min-width: 961px) {
    #main-slider .entry-container { width: 50%; }
    #main-slider .entry-header .entry-title { font-size: 35px; background: rgba(64, 64, 64, .8); }
    #main-slider .entry-content { font-size: 20px; background: rgba(64, 64, 64, .8); }
}

[Sakin]

@Diren: Sorry I cannot support with this screenshot. I need your site URL. Let me know if you have test or live site URL.

[Author]

Posts