Putting simple HTML code in post ?

  • Loczuch

    (@loczuch)


    9 years ago

    Hello,
    I have a huge problem. Look at my website please: https://azymut.maurycy.eu
    Then look at the squares at the bottom (with photos). They are awesome! I want them on my post-pages, for example on post called “Oferta”. Go here: https://azymut.maurycy.eu/blog/2015/11/02/oferta/
    Look how it looks like ?? What am I doing wrong?? I just copied the html code from home and put it as content of post. Hmm.. Please help me ??

    This is what I have copied and pasted:

    <div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">

<article id="post-39" class="post-39 post type-post status-publish format-standard has-post-thumbnail hentry category-glowna">
	<div class="entry-thumbnail">
		<a href="https://azymut.maurycy.eu/blog/2015/11/02/azymut/" title="O nas">
							<img src="https://i2.wp.com/azymut.maurycy.eu/wp-content/uploads/2015/11/azymut-logo1.png?resize=590%2C590" class="attachment-pictorico-home wp-post-image" alt="azymut-logo1">					</a>
	</div>
	<header class="entry-header">
				<div class="entry-meta">
			<span class="posted-on"><a href="https://azymut.maurycy.eu/blog/2015/11/02/azymut/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T07:07:56+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-06T22:28:03+00:00">Listopad 6, 2015</time></a></span>		</div><!-- .entry-meta -->

					<h1 class="entry-title"><a href="https://azymut.maurycy.eu/blog/2015/11/02/azymut/" rel="bookmark">O nas</a></h1>
			</header><!-- .entry-header -->

	<footer class="entry-footer">
			</footer><!-- .entry-footer -->
</article><!-- #post-## -->

<article id="post-42" class="post-42 post type-post status-publish format-standard has-post-thumbnail hentry category-glowna">
	<div class="entry-thumbnail">
		<a href="https://azymut.maurycy.eu/blog/2015/11/02/oferta/" title="Oferta">
							<img src="https://i0.wp.com/azymut.maurycy.eu/wp-content/uploads/2015/10/stockvault-paraglider-in-sky138850.jpg?resize=590%2C590" class="attachment-pictorico-home wp-post-image" alt="stockvault-paraglider-in-sky138850">					</a>
	</div>
	<header class="entry-header">
				<div class="entry-meta">
			<span class="posted-on"><a href="https://azymut.maurycy.eu/blog/2015/11/02/oferta/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T06:06:04+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-07T00:25:35+00:00">Listopad 7, 2015</time></a></span>		</div><!-- .entry-meta -->

					<h1 class="entry-title"><a href="https://azymut.maurycy.eu/blog/2015/11/02/oferta/" rel="bookmark">Oferta</a></h1>
			</header><!-- .entry-header -->

	<footer class="entry-footer">
			</footer><!-- .entry-footer -->
</article><!-- #post-## -->

<article id="post-50" class="post-50 post type-post status-publish format-standard has-post-thumbnail hentry category-glowna">
	<div class="entry-thumbnail">
		<a href="https://azymut.maurycy.eu/blog/2015/11/02/galeria/" title="Galeria">
							<img src="https://i1.wp.com/azymut.maurycy.eu/wp-content/uploads/2015/11/wayback1.jpg?resize=590%2C590" class="attachment-pictorico-home wp-post-image" alt="wayback">					</a>
	</div>
	<header class="entry-header">
				<div class="entry-meta">
			<span class="posted-on"><a href="https://azymut.maurycy.eu/blog/2015/11/02/galeria/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T05:05:52+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-02T12:45:32+00:00">Listopad 2, 2015</time></a></span>		</div><!-- .entry-meta -->

					<h1 class="entry-title"><a href="https://azymut.maurycy.eu/blog/2015/11/02/galeria/" rel="bookmark">Galeria</a></h1>
			</header><!-- .entry-header -->

	<footer class="entry-footer">
			</footer><!-- .entry-footer -->
</article><!-- #post-## -->

<article id="post-54" class="post-54 post type-post status-publish format-standard has-post-thumbnail hentry category-glowna">
	<div class="entry-thumbnail">
		<a href="https://azymut.maurycy.eu/blog/2015/11/02/kontakt/" title="Kontakt">
							<img src="https://i1.wp.com/azymut.maurycy.eu/wp-content/uploads/2015/11/picjumbo.com_HNCK4011.jpg?resize=590%2C590" class="attachment-pictorico-home wp-post-image" alt="picjumbo.com_HNCK4011">					</a>
	</div>
	<header class="entry-header">
				<div class="entry-meta">
			<span class="posted-on"><a href="https://azymut.maurycy.eu/blog/2015/11/02/kontakt/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T04:04:25+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-02T12:45:20+00:00">Listopad 2, 2015</time></a></span>		</div><!-- .entry-meta -->

					<h1 class="entry-title"><a href="https://azymut.maurycy.eu/blog/2015/11/02/kontakt/" rel="bookmark">Kontakt</a></h1>
			</header><!-- .entry-header -->

	<footer class="entry-footer">
			</footer><!-- .entry-footer -->
</article><!-- #post-## -->

<article id="post-58" class="post-58 post type-post status-publish format-standard has-post-thumbnail hentry category-glowna">
	<div class="entry-thumbnail">
		<a href="https://azymut.maurycy.eu/blog/2015/11/02/kadra/" title="Kadra">
							<img src="https://i1.wp.com/azymut.maurycy.eu/wp-content/uploads/2015/11/picjumbo.com_HNCK41651.jpg?resize=590%2C590" class="attachment-pictorico-home wp-post-image" alt="picjumbo.com_HNCK4165">					</a>
	</div>
	<header class="entry-header">
				<div class="entry-meta">
			<span class="posted-on"><a href="https://azymut.maurycy.eu/blog/2015/11/02/kadra/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T03:03:20+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-02T12:45:05+00:00">Listopad 2, 2015</time></a></span>		</div><!-- .entry-meta -->

					<h1 class="entry-title"><a href="https://azymut.maurycy.eu/blog/2015/11/02/kadra/" rel="bookmark">Kadra</a></h1>
			</header><!-- .entry-header -->

	<footer class="entry-footer">
			</footer><!-- .entry-footer -->
</article><!-- #post-## -->

<article id="post-61" class="post-61 post type-post status-publish format-standard has-post-thumbnail hentry category-glowna">
	<div class="entry-thumbnail">
		<a href="https://azymut.maurycy.eu/blog/2015/11/02/partnerzy/" title="Partnerzy">
							<img src="https://i2.wp.com/azymut.maurycy.eu/wp-content/uploads/2015/11/stockvault-bamboo-pole-tied-to-a-tree112310.jpg?resize=590%2C590" class="attachment-pictorico-home wp-post-image" alt="-- with an old rope">					</a>
	</div>
	<header class="entry-header">
				<div class="entry-meta">
			<span class="posted-on"><a href="https://azymut.maurycy.eu/blog/2015/11/02/partnerzy/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T02:02:01+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-02T12:44:52+00:00">Listopad 2, 2015</time></a></span>		</div><!-- .entry-meta -->

					<h1 class="entry-title"><a href="https://azymut.maurycy.eu/blog/2015/11/02/partnerzy/" rel="bookmark">Partnerzy</a></h1>
			</header><!-- .entry-header -->

	<footer class="entry-footer">
			</footer><!-- .entry-footer -->
</article><!-- #post-## -->

<article id="post-64" class="post-64 post type-post status-publish format-standard has-post-thumbnail hentry category-glowna">
	<div class="entry-thumbnail">
		<a href="https://azymut.maurycy.eu/blog/2015/11/02/wydarzenia/" title="Wydarzenia">
							<img src="https://i0.wp.com/azymut.maurycy.eu/wp-content/uploads/2015/11/shooting-of-the-rapids-1365625.jpg?resize=590%2C590" class="attachment-pictorico-home wp-post-image" alt="Exif_JPEG_PICTURE">					</a>
	</div>
	<header class="entry-header">
				<div class="entry-meta">
			<span class="posted-on"><a href="https://azymut.maurycy.eu/blog/2015/11/02/wydarzenia/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T01:01:15+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-02T12:44:43+00:00">Listopad 2, 2015</time></a></span>		</div><!-- .entry-meta -->

					<h1 class="entry-title"><a href="https://azymut.maurycy.eu/blog/2015/11/02/wydarzenia/" rel="bookmark">Wydarzenia</a></h1>
			</header><!-- .entry-header -->

	<footer class="entry-footer">
			</footer><!-- .entry-footer -->
</article><!-- #post-## -->

<article id="post-68" class="no-thumbnail post-68 post type-post status-publish format-standard hentry category-glowna">
	<div class="entry-thumbnail">
		<a href="https://azymut.maurycy.eu/blog/2015/11/02/wycena/" title="Wycena">
					</a>
	</div>
	<header class="entry-header">
				<div class="entry-meta">
			<span class="posted-on"><a href="https://azymut.maurycy.eu/blog/2015/11/02/wycena/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T00:00:40+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-02T12:44:24+00:00">Listopad 2, 2015</time></a></span>		</div><!-- .entry-meta -->

					<h1 class="entry-title"><a href="https://azymut.maurycy.eu/blog/2015/11/02/wycena/" rel="bookmark">Wycena</a></h1>
			</header><!-- .entry-header -->

	<footer class="entry-footer">
			</footer><!-- .entry-footer -->
</article><!-- #post-## -->

		</main><!-- #main -->
	</div>
Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Kathryn Presner

    (@zoonini)

    The code you copied has special HTML elements as well as CSS styles that only work on the blog page – they can’t just be copied over into a post, as you’ve discovered.

    Could you explain your goal in copying over that code, and I might be able to point you in the right direction.

    Thread Starter Loczuch

    (@loczuch)

    Thank You ?? I wanted to copy that because I need such a (or similar) squares at my post page named “oferta”. How can I do it? I tried almost everything..

    Moderator Kathryn Presner

    (@zoonini)

    The styling of the posts grid is only intended for the Blog page. But since you’ve placed the grid code on a single post, the CSS to style them as if they were on the blog page isn’t being applied — because they’re not on the blog. The blog has the class .blog and you can find those styles in the stylesheet.

    If you wanted them to work on the single posts, you’d need to give them a class and then rejig the CSS to work with it. It’d take a bit of work.

    marcAroma

    (@marcaroma)

    Hi Loczuch, I just saw your post, and posted basically the same question again ?? SORRY The CSS is giving me a real headache ??
    I am still on it and when I find a good solution I will post it here, it would be great if you could do the same ??

    Thread Starter Loczuch

    (@loczuch)

    marcAroma
    I am still trying to do this ??

    marcAroma

    (@marcaroma)

    Loczuch, I have never asked this before here, but do you think we could chat about this somewhere else to exchange progress?

    Thread Starter Loczuch

    (@loczuch)

    marcAroma
    Why not ??

    marcAroma

    (@marcaroma)

    Good! Just send me an email, I commented on your post, and we take it from there ??

    Thread Starter Loczuch

    (@loczuch)

    My mail: [email protected]

    Guys, if we find any solution to that problem, we will write it there so please do not close this post.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Putting simple HTML code in post ?’ is closed to new replies.

Tags