Jeremy Dennis

I’ve been doing a little testing on this theme and I think maybe checking both the “Transparent” box and the “Disable menu background…” box (in Customize > Styling > Menu) will allow your custom styles (in style.css) to show through. At least this is working for me on my tests.

If you’re not adding custom CSS gradients in your style.css file (katemegill) I believe the theme developer would have to add this feature. Maybe I’m missing it but this doesn’t seem to be built into the theme options.

Technical explanation:

If turning on ‘transparent’ let’s your custom gradients show up like it did for me it’s because there’s a bug in the theme where that checkbox is adding a background color of #ransparent which is invalid CSS. This bug allows your custom styles to work. If this is ever fixed the custom styles won’t work anymore.

I could be all wet on this but this is my current theory of what’s happening. ?? Perhaps the developer can either add a top/bottom color option to make your own menu gradients or remove the !important’s on all the background attributes so custom styles can take precedence.

Whew! Hopefully that makes sense and is helpful.

Hmm… it looks like some others are having this same issue. Might be worth keeping an eye on that thread. Perhaps the developers will provide a fix.

I installed Evolve quick to test things out. It looks like you can turn off the background gradient on the menu (I think this is overriding your style.css styles).

Go to Customize > Styling > Menu and check the disable background gradient. Hopefully that will allow your other styles to show through.

And on that note, I think I gave you the wrong gradient colors. Try this:

.menu-header {
  background: #25686F;
  background: -moz-linear-gradient(center top , #25686F 20%, #1a494e 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #25686F),color-stop(1, #1a494e));
  background: -o-linear-gradient(top, #25686F,#1a494e);
  progid:DXImageTransform.Microsoft.gradient(startColorstr='#25686F', endColorstr='#1a494e');
  background-color: #1a494e;
}

I don’t think you’ll need the !important anymore, but you can always throw them back in if necessary. Here’s hoping!

Hi rustybird,

As codemovement.pk said it looks like that background image (trans.png) is causing the issue. Try removing all of the references to it but keeping all the CSS gradients (with all the browser prefixes). So your .menu-header styles would look like this:

.menu-header {
  background: #f5f5f5;
  background: -moz-linear-gradient(center top, #F8F8F8 20%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #f8f8f8), color-stop(1, #eeeeee)) !important;
  background: -o-linear-gradient(top, #f8f8f8, #eeeeee) !important;
}

Hopefully that does the trick. Let us know if not.

I see. I don’t know of a way to only style the text without a separate element for the CSS to “grab on” to. For example if you wrap all the text in a span you could then target it with CSS.

However, it might be better to simply keep the images outside of the paragraphs if that’s an option. That way you can target them separately. If you still need them to be “together” for any reason, you could put a wrapper around them both.

<div class="wrapper">
  <p></p>
  <img src="" alt="">
  <p></p>
  <img src="" alt="">
</div>

Oops! Guess I missed that feature in Goran. ??

Sorry for the confusion. Good to know there’s an option for this!

From what I’m seeing Goran doesn’t offer dropdown menus in the sidebar. ??

So your options are to either code a custom solution or find a plugin. I found this page which lists three plugin options. Sorry I don’t have experience with any of them else I would recommend one.

What attributes are you giving the text in a paragraph that are also effecting images in the paragraph? Do you have a screenshot or example link?

I gotcha. I don’t think this theme offers this on it’s own and will take some customization.

Depending on how comfortable you are with code, you’ll want to look at template-home.php. This is the template your new home page is using. Essentially you need to duplicate the loop and pull in the template-parts/content.php template.

If you replace all the code in the template-home.php file with the below, it should be what you’re looking for. Though I’d keep a back up of the file just in case! ??

<?php
/**
 *
 * Template Name: Home
 *
 */

get_header( 'home' ); ?>

<div class="home_posts_titles">
	<div class="row">

		<div class="large-12 columns">

			<?php if ( get_theme_mod( 'home_posts_title' ) ) {
				$home_posts_title = get_theme_mod( 'home_posts_title' ); ?>

				<h2><?php echo esc_attr( $home_posts_title ); ?></h2>

			<?php } // end home_posts_title

				if ( get_theme_mod( 'home_posts_subtitle' ) ) {
				$home_posts_subtitle = get_theme_mod( 'home_posts_subtitle' ); ?>

				<h3><?php echo esc_attr( $home_posts_subtitle ); ?></h3>

			<?php } // end home_posts_subtitle ?>

		</div><!-- .large-12 -->

	</div><!-- .row -->
</div><!-- .home_posts_titles -->

<div class="featured-posts">

	<div class="row">

		<?php

			// Get chosen category
			$home_posts_cat = esc_attr( get_theme_mod( 'home_posts_cat' ) );

			// WP_Query arguments
			$args = array (
				'post_type'         => 'post',
				'cat'         	    => $home_posts_cat,
				'posts_per_page'    => '3',
				'post__not_in'	    => get_option('sticky_posts'),
			);

			// The Query
			$query = new WP_Query( $args );

			// The Loop
			if ( $query->have_posts() ) {
				while ( $query->have_posts() ) {
					$query->the_post(); 

					get_template_part( 'template-parts/content', 'home' );
				}

			} else { 

				get_template_part( 'template-parts/content', 'none' ); 

			}
			// Restore original Post Data
			wp_reset_postdata(); 

		?>

	</div><!-- .row -->

</div><!-- .featured-posts -->

<hr>

<div class="row">

<?php

			// WP_Query arguments
			$args = array (
				'post_type'         => 'post'
			);

			// The Query
			$query = new WP_Query( $args );

			// The Loop
			if ( $query->have_posts() ) {
				while ( $query->have_posts() ) {
					$query->the_post(); 

					get_template_part( 'template-parts/content', '' );
				}

			} else { 

				get_template_part( 'template-parts/content', 'none' ); 

			}
			// Restore original Post Data
			wp_reset_postdata(); 

		?>

</div>

<hr>

<div class="row home-content">

	<div class="large-12 columns">

		<?php the_content(); ?>

	</div><!-- .large-12 -->

</div><!-- .home-content -->

<?php get_footer(); ?>

Hey there,

To get the menu to show as a drop down at the top of the page I believe all you need to do is create the menu of the pages / sub pages you want in Appearance > Menus. Then check Primary Menu for the theme location. Screenshot: https://d.pr/i/17zJs

Hope that helps!

Hello!

Unless there’s a setting somewhere for this theme that I’m not seeing, I don’t think it supports the content of posts on the home page by default. It’s just meant to show thumbnail images and the title. (see the official demo: https://demo.inkhive.com/sixteen/)

If you’re wanting to stick with Sixteen you could set up a custom page template that would include the full posts and then set the home page to use this template. You would need to get into the theme files a bit but it’s nothing too crazy.

If you’re interested in going the custom template route and need a hand, let me know!

What do you mean by “featured posts?” I have the Gateway theme installed but am not seeing an option to set a post as “featured.” Is this a category you’ve set up?

In general you can customize a page by creating a custom page template.

I see. I think a custom page template will work. Here are the steps:

• Duplicate page.php file as a starting point and name it page-home.php
• Get rid of everything inside of the .page-content div
• Add the slider code that you see in home.php (Inside the .demo_block div. This is the feature image.).
• After the slider code add this code to bring in the WYSIWYG editor:

<?php if (have_posts()) : the_post(); ?>
    <?php the_content(); ?>
<?php endif; ?>

• Add the template name at the top of the file like this:

<?php /* Template Name: Home */ ?>

• Now that the template is created, just set the page you created for the home page to use this template.

Let me know if that makes sense or not!

Hello!

At the end of the day what all do you want on the home page? I took a look at the site and it looks like you have the featured image there. Did you figure out a solution?

If you’re hoping to customize the home page outside of what the theme provides you may need to create a custom page template. For example a template with ONLY the featured image and nothing else. Let me know if you need a hand with this.