Create a Blog for the first time! Some questions…

Hi Carsten,

I think I gave you that CSS? It’s targeting a page-id class, so it will only work on that particular page. Which element are you trying to target exactly?

Best regards,
Rikard

Hi,
Sorry for the late reply, I have taken a look at your first image again and see that you would like to move the date to the top under the headline and move the category to the end of your menu.
Please see the screenshot in Private Content area.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$( 'body' ).each(function() {
$( this ).find( '.date-container' ).insertAfter( $(this).find('h2.post-title') );
$( this ).find( '.blog-categories.minor-meta' ).insertAfter( $(this).find('.current-menu-item') );
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

and this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top #header .av-main-nav > li > a,.blog-categories.minor-meta > a {
    font-size: 17px !important;
    letter-spacing: 0.04em !important; 
    font-weight: bold;
    padding: 0 10px;
}

To correct your button hover color please try this css:

#top.single-post .avia-button-center a.avia-button:hover {
background: rgba(204, 204, 204, 1) !important;
}

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the mock-up image, first, please look in your custom css and remove this css which makes the date & comments meta red:

.date-container,.comment-container a {
    color: #b41528 !important;
}

Then add this code to the end of your functions.php file in Appearance > Editor:

function new_custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$( '.post-entry' ).each(function() {
$( this ).find( '.blog-categories.minor-meta' ).css({'color':'#969696','font-size': '17px','font-weight': 'bold','margin-top':'20px'}).insertBefore( $(this).find('h2.post-title.entry-title ') );
$( this ).find( '.post-meta-infos' ).css({'border-top':'2px solid #b41528','color':'#969696','font-size': '17px','font-weight': 'bold','margin-top':'0px'}).insertBefore( $(this).find('h2.post-title.entry-title ') );
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'new_custom_script');

Best regards,
Mike

Hi,
Please remove the code above and leave the second post so I can try again.

Best regards,
Mike

Hi,
Sorry for the late reply, I have adjusted the blog script and added it to your theme it seems to be correct now, please clear your browser cache and check. Also please see the screenshot in Private Content area.
This is the updated function:

function blog_custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$( 'article.post-entry' ).each(function() {
$( this ).find( '.blog-categories.minor-meta' ).css({'color':'#969696','font-size': '17px','font-weight': 'bold','margin-top':'20px','letter-spacing': '2px'}).insertBefore( $(this).find('h2.post-title.entry-title ') );
$( this ).find( '.post-meta-infos' ).css({'border-top':'2px solid #b41528','color':'#969696','font-size': '17px','font-weight': 'bold','margin-top':'0px','letter-spacing': '2px'}).insertBefore( $(this).find('h2.post-title.entry-title ') );
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'blog_custom_script');

You will note that I added 2px letter-spacing, please let us know if you want more spacing.
Once this part is set we can start working on your other requests.

Best regards,
Mike

Hi,
I believe that I solved the missing blog page, it seems at some point the blog page had been selected as a custom footer for your site, and then the setting was changed but not cleared in Enfold > Footer > drop-down options I cleared the option choice and checked in another browser that was not logged in and your blog page showed.
Please log out and clear your browser cache and check.

Best regards,
Mike

Hi,
Yes, that was tricky :) For your last issue:
To increase the font size, please try this css:

.comment-entry.post-entry,.comment-entry.post-entry p,.comment-entry.post-entry a,.comment-entry.post-entry label,.comment-entry.post-entry span {
font-size: 20px !important;
}

To adjust the button, try this css:

#respond #submit {
font-size: 20px !important;
border-radius: 20px;
}

To adjust the comment circle, try this css:

.comment-count {
    height: 120px !important; 
    width: 120px !important; 
    line-height: 120px !important; 
}

Please adjust the sizes to suit.

Best regards,
Mike

Hi,
I added this for you to remove this line:

top .main_color article.post-entry .post_delimiter {
border-color: transparent !important; 
}

Please clear your browser cache and check.
As this thread is very long and covers multiple topics we should close this now. We find that it helps other users searching for solutions if the threads stick to one issue.
Naturally, we welcome you to open new threads for future issues. Agreed?

Best regards,
Mike