Forum Replies Created
-
AuthorPosts
-
Sakin
Keymaster@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
Keymaster@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
Keymaster@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
Keymaster@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
Keymaster@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
Keymaster@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
Keymaster@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
Keymaster@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
Keymaster@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
Keymaster@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
Keymaster@David: Can you post in your site URL and let me know the size that you want to make it fro your content.
Sakin
KeymasterOk 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
Keymaster@Diren: Sorry I cannot support with this screenshot. I need your site URL. Let me know if you have test or live site URL.
Sakin
Keymaster@Tomáš: You can add the following css:
#main-slider .entry-container { bottom: 0; left: auto; right: 0; }Sakin
Keymaster@ryanhock: But you are not using our theme. We only support theme developed by us http://catchthemes.com/themes/
Sakin
Keymaster@Justin: It’s better to move the menu not the grid content. So, you can try adding in the following css:
.nav-primary .wrapper { padding-left: 0; padding-right: 0; } .nav-primary .menu .menu-item-home a { padding-left: 0; }Sakin
Keymaster@Lizi: It depends on how you have added in. If you have proper logo then you can simply add the following css in “Appearance => Theme Options => Custom CSS” box:
#logo-wrap { width: 100%; } #site-logo { display: block; width: 100%; } -
AuthorPosts
