Home Forums Plugin Support WP User Frontend Pro Edit position of custom fields in Post

This topic is: resolved

This topic contains 9 replies, has 2 voices, and was last updated by  Sekander Badsha 4 years, 9 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #25689

    Alexandre
    Member
    Post count: 9

    Hello,

    I would like to edit how normal fields and custom fields appear on the published post.
    But, using HTML/CSS, I can edit each normal fields separately but custom fields appear all under the same naming : wpuf_customs.

    I use themify theme – Grido

    Do I have to edit some php files ?
    If so, as I don't understand all Php synthaxa, please give me a nice procedure, like for your turorials ๐Ÿ˜‰

    Thanks

    Alex

    #25751

    Alexandre
    Member
    Post count: 9

    Hello,

    After some further research, I found your “Showing Meta Fields/Showing fields in the theme:” article
    I insert the line < ?php echo get_post_meta( $post->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

    #25772

    Alexandre
    Member
    Post count: 9

    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

    #25839

    Sekander Badsha
    Member
    Post count: 2067

    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.
    where to add CSS

    #25880

    Alexandre
    Member
    Post count: 9

    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 < ?php echo get_post_meta( $post->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 ! ๐Ÿ˜‰

    #25937

    Sekander Badsha
    Member
    Post count: 2067

    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.

    #25956

    Alexandre
    Member
    Post count: 9
    This reply has been marked as private.
    #26010

    Sekander Badsha
    Member
    Post count: 2067

    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.

    #26012

    Alexandre
    Member
    Post count: 9
    This reply has been marked as private.
    #26079

    Sekander Badsha
    Member
    Post count: 2067

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

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Edit position of custom fields in Post’ is closed to new replies.