Monday, April 22, 2019

How to Hide Elements on Specific WordPress Pages

Find the post or page id. something like: .postid-1762 or .pageid-1762. Then add to your css :

.postid-1762 #your-element {
    display: none;
}


Sunday, April 21, 2019

Hiding elements on Mobile with CSS



@media screen and (max-width: 320px){#wrapper{display:none;}}
@media screen and (max-width: 480px){#wrapper{display:none;}}
@media screen and (max-width: 650px){#wrapper{display:none;}}
@media screen and (max-width: 980px){#wrapper{display:none;}}
@media screen and (max-width: 980px){#wrapper{display:none;}}

replace #wrapper with any other DIV or Class you don’t want to be displayed.

Thursday, February 21, 2019

How To Use HTML anchor link

HTML anchor link code. How to link in the same page in HTML.

Link to anchor on same page

<a href="#example">Example headline</a>

When pressing the above link the browser will jump to the heading below, with this code:
<h5><a id="example"></a>Example headline</h5>

Link to anchor on another page

<a href="../html-link.html#generator">HTML link code generator</a>

When pressing the link the browser will jump to the html-link page section that has this code:
<h2><a id="generator"></a>HTML link code generator</h2>

Tuesday, February 19, 2019

Display Only Child Category in WordPress Post Loop

To display only Child Category in the post loop (mostly single.php), all you have to do is replace the following code:
1
<?php the_category(', '); ?>
with this code:
1
2
3
4
5
6
7
<?php
foreach((get_the_category()) as $childcat) {
if (cat_is_ancestor_of(9, $childcat)) {
echo '<a href="'.get_category_link($childcat->cat_ID).'">';
 echo $childcat->cat_name . '</a>';
}}
?>
Remember to change the number 9 to your parent category’s ID.

Getting into Google News Manually

Google News works by pulling feeds from publishers and crawling the web. Publishers already included in Newsstand or Google News continue to be eligible to surface in Google News.

 But if you need to submit your content for inclusion in Google News, please use:

Google News Producer tool

Monday, February 18, 2019

Friday, February 15, 2019

Make Two DIV Inline In ONe Row

Write this HTML:
<div class="container">
  <div class="container-left">
    Your left items
  </div>
 <div class="container-right">
    Your right items
  </div>
  <div class="clear"></div>
</div>
Use This CSS:
.container-left {
  float: left;
}

.container-right {
  float: right;
  margin-left: 10px;
}

.container {
  width: 100%;
}

How to Hide Elements on Specific WordPress Pages

Find the post or page id. something like: .postid-1762 or .pageid-1762. Then add to your css : .postid-1762 #your-element { display :...