Edit position of custom fields in Post

Hello,

After some further research, I found your “Showing Meta Fields/Showing fields in the theme:” article
I insert the line ID, ‘meta-code’, true ); ?> with appropriate meta-code.

The information would appear on the post. But on top or beneath CONTENT.
In the source code they appear directly between

brackets without naming (like .exemple ou #exemple). So I cannot name them and modify them using CSS (which is more a language I know…..)

I bought the plugin Advanced Content Templates, because I thought I could simply create a template (in worpdress) using the shortcodes. But, the template works only with back-end post creation and not front-end…..

Thanks for helping !

Alex

Hello,

So i continued working on my problem and I found out that for each field we can add a CSS Class name and a text Placeholder 😉

So I gave names to my custom field Slogan.
http://snag.gy/yaBhH.jpg

Then I edited the single.php out of my theme folder and put :

<!-- content -->
	<div id="content" class="list-post">
    	<?php themify_content_start(); //hook ?>
		
		<?php get_template_part( 'includes/loop' , 'single'); ?>	
		
		<?php echo get_post_meta( $post->ID, 'slogan', true ); ?>
	
		<?php echo get_post_meta( $post->ID, 'editeur', true ); ?>
		
		<?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>

			<?php get_template_part( 'includes/author-box', 'single'); ?>

		<?php get_template_part( 'includes/post-nav'); ?>
		
		<?php if(!themify_check('setting-comments_posts')): ?>
			<?php comments_template(); ?>
		<?php endif; ?>
		
        <?php themify_content_end(); //hook ?>
	
	</div>
	<!-- /content -->

But when I visit a post, the 2 informations (slogan and Editeur) appear after the post (ok not a big deal)but what is more inceniant for me is that I still can’t find any class or ID that could help be name these fields via CSS.
http://snag.gy/O7CY7.jpg

Thanks for helping !!!

Alex

Hello Alex,
You’ll get a field to add a CSS class on every filed in the form. You can write CSS on your theme’s style.css or any other file that loads in your theme and apply those classes of CSS on the form fields.

Hello Sekander,

Sorry, but I haven’t found the solution yet.

My custom field name is Slogan. I have added the CSS class name : slogan. Is it ok ?

I have added the ID, ‘item’, true ); ?>
slogan-item in loop.php (it appears between title and description.
editeur-tien in loop-default.php (it appears after description)

I have tried lots of things and I’ve never found the CSS class name of theses two elements.
I tried to add ALL form elements (using the option in the settings of WPUF)

For info, on my styles.css, i have been searching for .slogan{ or li.slogan{

Thanks for helping.

Alex

PS . I received your email concerning the contributor day you organised at Dhaka. Congrats ! 😉

Hi Alex,
Write me your admin and FTP login credentials and the form name you’re trying to customize. I’ll have a look what’s going wrong in there.

Oh Good Lord!!
You haven’t wrote any style for the class!!! I have just wrote a style in your themes style.css for slogan. And See that’s working fine.

Sorry Alex,
We don’t provide support for customization.