This topic contains 20 replies, has 3 voices, and was last updated by  vandithapai 1 week, 5 days ago.

Few Questions

  • Hello.
    I really like this theme so far.

    I have 3 questions.

    1. I want Tags to be appeared next to categories on top of the post title instead of bottom of the blog post.

    2. I would like to add background to blockquote. And a up-side-down quotation mark at the bottom right too.

    3. I do not want to affect my H tag decal to Related Post (h3&h4) on the bottom of the blog post.

    Im sorry for my poor English.
    I hope you can understand.

    Thank you.

    Hi,

    Thank you for loving our item.

    1/ Unfortunately, currently this theme doesn’t support this feature.

    2/ To do that, please add more this code to Customize > Custom CSS:

    .post-entry blockquote{ padding: 10px 56px 10px 10px; background: #f5f5f5; }
    .post-entry blockquote:before{ left: auto; right: 10px; top: auto; transform: rotate(180deg); -webkit-transform: rotate(180deg); bottom: 10px; }
    

    3/ I don’t clearly this question, can you tell me more about that?

    Best Regards,
    PenciDesign

    Thank you for reply.

    About Question #3.

    I set custom CSS for my H2, H3, and H4 for Headings in the post.

    like this.
    .post-entry h2 {
    font-size: 150%;
    padding: .75em .75em;
    margin: 1.5em -1.8em 1em -1.8em;
    border-top: 2px dashed #313131;
    }
    .post-entry h3 {
    padding-bottom: .5em;
    border-bottom: 3px double #313131;
    }
    .post-entry h4 {
    padding: .25em 0 .25em .75em;
    border-left: 2px solid #313131;
    }

    Those CSS code also affect to “Related Posts” and the title of Related post on the bottom of the blog post.

    This is the pic of Related Post section of blog post.
    http://fast-uploader.com/file/7041847110801/

    I hope this will help

    Thanks

    About Question #2

    http://fast-uploader.com/file/7041847890689/

    I add those code that you teach me to CSS.
    and its not exactly that I wanted..

    .post-entry blockquote {
    padding: 10px 56px 10px 10px;
    background: #f5f5f5;
    }
    .post-entry blockquote:before {
    left: auto;
    right: 10px;
    top: auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    bottom: 10px;
    }

    Hi,

    1/ Can you show me your site url to I can take a look about your heading?

    2/ I don’t understand it, do you want to make quote icon move up and content move right a bit?

    Best Regards,
    PenciDesign

    hello

    1. Here you are.
    http://mylifemyway.jp/

    I use Typography post (saved as Draft) to check.
    so, On my blog there are NO related post because there are not enough posts.

    2. Yes. I want make quote icon on both upper left and bottom right. And content move right a bit so the quote icon does not overlay the content.

    • This reply was modified 2 months, 3 weeks ago by  Hiroto.

    Hi,

    1/ Let’s make it visible to I can see your issue.

    2/ Ok, please remove the code I sent and use this code:

    .post-entry blockquote{ padding: 10px 56px 10px 56px; background: #f5f5f5; }
    .post-entry blockquote:after{ content: '“'; color: #b8860b; font-family: 'Playfair Display SC',serif; font-size: 64px; font-weight: 900; line-height: 1; font-style: normal; position: absolute; left: auto; right: 10px; top: auto; transform: rotate(180deg); -webkit-transform: rotate(180deg); bottom: 10px; }
    

    Best Regards,
    PenciDesign

    Best Regards,
    PenciDesign

    Hi,

    1. I made it visible. Password is “12345678”

    2. Thank you so much. It worked !!!

    Hi,

    I think you’re missing a div or another elements.
    Please cut your content and paste it to notepad file, after that, copy again from notepad and paste it to your editor.
    By default, the heading from your content doesn’t affect with heading tag from related posts.

    Best Regards,
    PenciDesign

    Sorry I dont understand at all.

    I did cut the content and pasted to notepad(txt), and then copy again from the notepad, and pasted to WP post.

    Nothing changes.

    I thought the problem happens because I use Markdown to write.

    So, I made new post without using heading tag by WP dashboard on web browser.
    Still has same problem.

    Hi,

    If so, please try deactivate all plugins not required with this theme and try again.
    After it work, let’s enable each plugin to check the plugin caused this issue.

    Best Regards,
    PenciDesign

    well..I turned off ALL Plugins. Still the same.

    I found what caused it !!

    It was my SNS share button.

    BUT No idea how to fix.

    I insert SNS.php.
    http://support.pencidesign.com/forums/topic/about-content-single-php/#post-7673

    
    <?php endif; /* End check if not move title bellow featured image */ ?>
    	<div class="post-entry">
    		<div class="inner-post-entry">
    			<?php the_content(); ?>
    			<?php wp_link_pages(); ?>
    <?php get_template_part( 'sns' ); ?>
    			<?php if ( ! get_theme_mod( 'penci_post_tags' ) && has_tag() ) : ?>
    				<?php if ( is_single() ) : ?>
    					<div class="post-tags">
    
    • This reply was modified 2 months, 3 weeks ago by  Hiroto.
    • This reply was modified 2 months, 3 weeks ago by  Hiroto.
    • This reply was modified 2 months, 3 weeks ago by  Hiroto.
    
    <br>
    <br>
    <hr>
    <Div Align="center"><b>▼この記事をシェアする▼<b/><Div/>
    <?php
    $url_encode=urlencode(get_permalink());
    $title_encode=urlencode(get_the_title()).'|'.get_bloginfo('name');
    ?>
    
    <div class="share">
        <ul>
    
    <!--Facebookボタン-->
    <li class="facebook"><a>&t=<?php echo $title_encode;?>"  onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;">
            <span class="icon-facebook"></span> facebook <?php if(function_exists('scc_get_share_facebook')) echo (scc_get_share_facebook()==0)?'':scc_get_share_facebook(); ?></a>
    </li>
      
    <!--ツイートボタン-->
    <li class="tweet"><a>&text=<?php echo $title_encode ?>&tw_p=tweetbutton" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;">
            <span class="icon-twitter"></span> tweet <?php if(function_exists('scc_get_share_twitter')) echo (scc_get_share_twitter()==0)?'':scc_get_share_twitter(); ?></a>
    </li>
      
    <!--Google+ボタン-->
    <li class="googleplus"><a>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=500');return false;">
            <span class="icon-google-plus"></span> Google+ <?php if(function_exists('scc_get_share_gplus')) echo (scc_get_share_gplus()==0)?'':scc_get_share_gplus(); ?></a>
    </li>
      
    <!--はてなボタン--> 
    <li class="hatena"><a>"  onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=510');return false;"><span class="icon-hatebu"></span> はてブ <?php if(function_exists('scc_get_share_hatebu')) echo (scc_get_share_hatebu()==0)?'':scc_get_share_hatebu(); ?></a>
    </li>
     
    <!--LINEボタン-->   
    <li class="line">
    <a>"><span class="icon-line"></span> LINE</a>
    </li>     
     
    <!--ポケットボタン-->      
    <li class="pocket">
    <a>&title=<?php echo $title_encode;?>"><span class="icon-pocket"></span> Pocket <?php if(function_exists('scc_get_share_pocket')) echo (scc_get_share_pocket()==0)?'':scc_get_share_pocket(); ?></a></li>
     
    <!--RSSボタン-->
    <li class="rss">
    <a>/?feed=rss2"><span class="icon-rss"></span> RSS</a></li>
     
    <!--feedlyボタン-->
    <li class="feedly">
    <a href="http://feedly.com/i/subscription/feed/http://mylifemyway.jp//feed" target="blank"><span class="icon-feedly"></span> feedly <?php if(function_exists('scc_get_follow_feedly')) echo (scc_get_follow_feedly()==0)?'':scc_get_follow_feedly(); ?></a></li>   
    </ul>
    </div>
    <br>
    <hr>
    

    http://prntscr.com/e4syn5
    This is the sns.php I use.

    • This reply was modified 2 months, 3 weeks ago by  Hiroto.

    Hi,

    Your code missing on 2 lines.

    
    <a>/?feed=rss2"><span class="icon-rss"></span> RSS</a></li>
    

    => lost: /?feed=rss2″>

    and here:

    
    <a>"><span class="icon-line"></span> LINE</a>
    

    => lost: “> after tag a

    Let’s fix it.

    Best Regards,
    PenciDesign

    Hello.

    http://prntscr.com/e55cm4

    This is my current sns.php

    what did you mean by “Lost”?? I should delete those?

    Hi,

    Please send us an email via our contact form with your admin url and admin account ( username and password ). Our support team will check it help you.

    Best Regards,
    PenciDesign

    Send

    Hi,
    Is it possible to add a quote in between the post? How do I add that? Right now I can just add quote like a heading.

    Thanks,
    Vanditha

    Hi,

    We’ve provide quote shortcode to you can do that. You can use it anywhere you want to display quote between the post.

    Best Regards,
    PenciDesign

    thanks a lot

Tagged: 

You must be logged in to reply to this topic.