ThemesMatic

Resolved ??

Hardeep, thank you for putting that into perspective.
Especially with pointing out that users may need support and converting them into customers. That’s something I never thought of and makes a lot of sense.

Jan, thank you for that perspective as well and the explanation behind GPL code and WordPress. The philosophy was something I hadn’t read, but should have.

Its the helpful community and the ability to have effective conversations like this that help make WordPress awesome.
I now have a lot of work to do.
Again, thank you both ??

OK, so let me phrase that differently.

How do WordPress developers keep their premium themes from being pirated and distributed for free?

The only solution I have come across is using licensing keys and was wondering if there are better solutions.
Thanks.

After you’ve made the changes I gave you above,
if you could write a review of the social magazine theme that would be awesome.
Thanks ??

I finally figured out what your trying to say…
You want the posts on category pages to be displayed the same way they are on the homepage.

Good news, that’s a real easy thing to do.

Open category.php in an editor.

in category.php find this code:

<?php
		// Check if there are any posts to display
		if ( have_posts() ) : ?>

		<?php

		// The Loop
		while ( have_posts() ) : the_post();

		get_template_part( 'content');

		endwhile; ?>

and replace it with this code:

<div class="row">

			<?php if (have_posts()) : ?>
			<?php while (have_posts()) : the_post(); ?>
			    <div class="post blog-block">
					<h2 id="post-<?php the_ID(); ?>" <?php $classes = array('align-left','social-magazine-one-post-link',); post_class( $classes ); ?>><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

						<?php get_template_part( 'post', 'date' ); ?>

						<?php if ( has_post_thumbnail() ) { the_post_thumbnail( array(300, 300) ); } ?>

						<?php get_template_part( 'post','meta' ); ?>

						<?php the_excerpt(); ?>
							<p class="posted-in">
								<small>
								<?php if (has_category()) { ?><?php esc_attr_e('Posted in ', 'social-magazine' ); ?><?php the_category(', ') ?><?php } ?>
								<?php the_tags(__('Tagged with: ','social-magazine')); ?>
								</small>
							</p>
				</div><!-- /blog-block -->

			<?php endwhile; ?>

			</div>

save it and your done. That’s it ??

Great, I’m glad that worked for you.
If you could leave a review that would be awesome.

This style located in bootstrap.min.css file so this needs to be added to your style.css which should overwrite it.

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: blue;
    background-color: transparent;
}

If for some reason it doesn’t overwrite add !important to it like so:

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: blue !important;
    background-color: transparent;
}

and obviously add any CSS color you want.

ChopSuey1911 this is a skill you need to develop.
It is not something specific to this theme.
Rather than telling you exactly what it is you need to do and the result is you not learning anything, I will tell you how to figure that out.

Use the Firefox browser, if your not already.
left click (or control + click on Mac) on whatever item is you want to change in CSS.
click “Inspect Element” and find out what it is you need to change and make those changes in your CSS file and save it.

There are a million tutorials on Google on how to do this.

Category links are linked to posts within that category for SEO and logical reasons.
I’m looking at my theme now and I have no idea what you mean by “feed tabs”.
If you could elaborate maybe I could help.

It sounds like a div or float issue but I’m not sure.
It would be helpful to post a link to be able to see what it is.
Without that… all I can do is make an educated guess.

I believe I have the height there so that all posts are all displayed in a uniform way and so that one post doesn’t mess up the structure.

also in style.css on line 768
replace `/** Custom Device Specific CSS
————————————————————– */
@media screen and (max-width: 768px) {
.footer-copy,
.footer-attr p {
float: none;
text-align: center;
}
}`
with this

/** Custom Device Specific CSS
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {
	.home-section {
	float:none;
	width: 100%;
	}
	.footer-copy,
	.footer-attr p {
	float: none;
	text-align: center;
}
}

enjoy ?? Please leave a review + happy holidays!

Next in style.css on line 126.
Replace

/** Masonry layout for front-page.php
-------------------------------------------------------------- */
.row {
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
 -moz-column-gap: 1em;
 -webkit-column-gap: 1em;
}
.blog-block {
 display: inline-block;
 padding:  .25rem;
 width:  100%;
}

with this

/** Masonry layout for front-page.php
-------------------------------------------------------------- */
.blog-block {
	height: 500px;
}
.home-section {
	width: 66.6666%;
	float:left;
}

Scratch everything above and ignore it.

I figured out a temp work around that looks good.
In home.php starting with <div class=”wrap”> replace it with this:

<div class="wrap">
    	<div class="container">
    		<div class="blog">

    		<?php if( !is_paged() ) {

    			get_template_part( 'content', 'intro');

    		} ?>

			<div class="home-section">
    			<?php if (have_posts()) : ?>
    			<?php while (have_posts()) : the_post(); ?>
    			<div class="col-md-6">
    			    <div class="post blog-block">
    					<h2 id="post-<?php the_ID(); ?>" <?php $classes = array('align-left','social-magazine-one-post-link',); post_class( $classes ); ?>><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

    						<?php get_template_part( 'post', 'date' ); ?>

    						<?php if ( has_post_thumbnail() ) { the_post_thumbnail( array(300, 300) ); } ?>

    						<?php get_template_part( 'post','meta' ); ?>

    						<?php the_excerpt(); ?>
    							<p class="posted-in">
    								<small>
    								<?php if (has_category()) { ?><?php esc_attr_e('Posted in ', 'social-magazine' ); ?><?php the_category(', ') ?><?php } ?>
    								<?php the_tags(__('Tagged with: ','social-magazine')); ?>
    								</small>
    							</p>
    				</div><!-- /blog-block -->
    			</div><!-- /home-section -->

    			<?php endwhile; ?>

    				<div class="alignleft"><?php previous_posts_link( __( '← Previous Article', 'social-magazine' ) ); ?></div>
    				<div class="alignright"><?php next_posts_link( __( 'Next Articles ?', 'social-magazine' ) ); ?></div>

    		<?php

    			endif; ?>

    </div><!-- /col-md-8 blog -->
    <?php get_sidebar(); ?>
    </div><!-- /container -->
    <?php get_footer(); ?>

Here is the 1st option (the easiest).
The downside is it removes the sidebar from the home page but it has more of the magazine style seen on major websites.
Change this code on home.php:

<div class="wrap">
	<div class="container">
		<div class="col-md-8 blog">

		<?php if( !is_paged() ) {

			get_template_part( 'content', 'intro');

		} ?>

		<div class="row">

			<?php if (have_posts()) : ?>
			<?php while (have_posts()) : the_post(); ?>
			    <div class="post blog-block">
					<h2 id="post-<?php the_ID(); ?>" <?php $classes = array('align-left','social-magazine-one-post-link',); post_class( $classes ); ?>><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

						<?php get_template_part( 'post', 'date' ); ?>

						<?php if ( has_post_thumbnail() ) { the_post_thumbnail( array(300, 300) ); } ?>

						<?php get_template_part( 'post','meta' ); ?>

						<?php the_excerpt(); ?>
							<p class="posted-in">
								<small>
								<?php if (has_category()) { ?><?php esc_attr_e('Posted in ', 'social-magazine' ); ?><?php the_category(', ') ?><?php } ?>
								<?php the_tags(__('Tagged with: ','social-magazine')); ?>
								</small>
							</p>
				</div><!-- /blog-block -->

			<?php endwhile; ?>

			</div>

				<div class="alignleft"><?php previous_posts_link( __( '← Previous Article', 'social-magazine' ) ); ?></div>
				<div class="alignright"><?php next_posts_link( __( 'Next Articles »', 'social-magazine' ) ); ?></div>

		<?php

			endif; ?>

</div><!-- /col-md-8 blog -->
<?php get_sidebar(); ?>
</div><!-- /container -->
<?php get_footer(); ?>

to this:

<div class="wrap">
	<div class="container">
		<div class="blog">

		<?php if( !is_paged() ) {

			get_template_part( 'content', 'intro');

		} ?>

		<div class="row">

			<?php if (have_posts()) : ?>
			<?php while (have_posts()) : the_post(); ?>
			    <div class="post blog-block">
					<h2 id="post-<?php the_ID(); ?>" <?php $classes = array('align-left','social-magazine-one-post-link',); post_class( $classes ); ?>><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

						<?php get_template_part( 'post', 'date' ); ?>

						<?php if ( has_post_thumbnail() ) { the_post_thumbnail( array(300, 300) ); } ?>

						<?php get_template_part( 'post','meta' ); ?>

						<?php the_excerpt(); ?>
							<p class="posted-in">
								<small>
								<?php if (has_category()) { ?><?php esc_attr_e('Posted in ', 'social-magazine' ); ?><?php the_category(', ') ?><?php } ?>
								<?php the_tags(__('Tagged with: ','social-magazine')); ?>
								</small>
							</p>
				</div><!-- /blog-block -->

			<?php endwhile; ?>

			</div>

				<div class="alignleft"><?php previous_posts_link( __( '← Previous Article', 'social-magazine' ) ); ?></div>
				<div class="alignright"><?php next_posts_link( __( 'Next Articles »', 'social-magazine' ) ); ?></div>

		<?php

			endif; ?>

</div><!-- /col-md-8 blog -->
</div><!-- /container -->
<?php get_footer(); ?>

Yes, there is a way to do this that I figured out recently.
I’ll post it here in a few minutes.
Glad you like the theme.
If you could leave a review you would be awesome! Thanks.