Tagged: 

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • January 24, 2018 at 5:06 am #901883
    goingthewholehogg

    Hi

    I’m setting up a new website/blog and have published my first blog post (page still under construction) to check the blog layout settings.

    I’m using the ‘Modern Business’ style, but would like to display the title and date only, and centered (not aligned left as it is now). Currently the title and category is showing, but I don’t want the category to show as this is a clickable link taking you to the category archive page which, it seems, I can’t edit to my desired look in the Avia layout editor, so I would rather nobody could access this page.

    How can I change the text to align center? How can I display title and the date under it (I would like the date to look like: Jan 24, 2018) ?

    The website is not live, I’ve added WP log in details in the private section if you need to log in and check.

    Thanks
    Kim

    January 24, 2018 at 11:03 am #902040
    Victoria

    Hey goingthewholehogg,

    Here is a thread for you to consider

    Display date on blog grid layout

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.html_modern-blog #top .post-entry .blog-categories {
  display: none;
}
.html_modern-blog .avia-content-slider .slide-entry-title {
  text-align: center;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 24, 2018 at 2:40 pm #902151
    goingthewholehogg

    Hi Victoria

    Thanks for your reply. That’s sorted the alignment and removed the category perfectly.

    However, I’m not really getting anywhere with adding the date under the title. I would like it to appear in the format: Jan 24, 2018. I’d like it centered, and in a lighter color and smaller than the title.

    Also, I’d like to change the title font size (smaller) and if possible not bold. How can I do this? I’ve tried numerous quick CSS options I’ve found in other threads but I’m not seeing any changes from any of them. I’ve tried purging my cache data, reloading the page multiple times etc but no change to size.

    Thanks

    Kim

    January 25, 2018 at 7:51 am #902673
    Victoria

    Hi Kim,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.html_modern-blog #top #wrap_all .post-entry h3 {
   font-size: 20px;
    font-weight: normal;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 25, 2018 at 9:30 am #902693
    goingthewholehogg

    Hi Victoria,

    Thanks for that, it’s looking good but I noticed this has also changed all other H3 text on my website. Is there a way to specify the changes only for the blog titles?

    Do you have any answer for adding the date as above query?

    Thanks

    Kim

    January 26, 2018 at 5:49 am #903176
    Victoria

    Hi Kim,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.html_modern-blog #top #wrap_all .avia-content-slider .post-entry .slide-content h3 {
   font-size: 18px;
   font-weight: normal;
}

    Here is another thread about date

    Post Slider Date above Headline

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 26, 2018 at 7:25 am #903222
    goingthewholehogg

    Hi Victoria

    Thanks for the code, that’s worked great.

    Can you please give me some code or such like for my specific date request? The other threads aren’t helping me I’m afraid. I don’t have any date appearing now, and I would like it to appear below the post title. I’d like it in the format: Jan 24, 2018. I’d like it centered, and in a lighter color and smaller font size than the title. Can you help me get this added?

    Thanks

    Kim

    January 30, 2018 at 2:03 am #904560
    Ismael

    Hi,

    Please edit the config-templatebuilder > aviashortcodes > postslider.php file, look for this code around line 586:

                        	$output .=  "
<h3 class='slide-entry-title entry-title' $markup><a href='{$link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>
";

    Below, add this code:

    						$output .= "<time class='slide-meta-time updated' $markup>" .get_the_time(get_option('date_format'), $the_id)."</time>";

    Best regards,
    Ismael

    January 30, 2018 at 2:34 am #904573
    goingthewholehogg

    Hi Ismael

    Thanks for this. I’m using a child theme and I’m still pretty new to this. Do I need to copy the postslider.php from the parent theme into my child theme, make the changes, then upload into our child theme on our server via FTP? Can I copy only the postslider.php into the child theme, or do I need to add the whole config-templatebuilder folder?

    Thanks

    Kim

    January 31, 2018 at 4:57 am #905334
    Ismael

    Hi,

    I’m sorry but you can’t override the shortcode files in a child theme. There’s a workaround but we don’t recommend it.

    // https://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/

    Best regards,
    Ismael

    January 31, 2018 at 7:22 am #905403
    goingthewholehogg

    Hi Ismael

    I’m not quite following, does this mean I can’t add the date to the post info because I’m using a child theme? And it’s not possible to do as you said using a child theme (unless using the workaround, which you don’t recommend?)?

    Can I change it in the parent theme and it will display on my website? Do I still need to upload to the server using FTP after making the change in the parent theme? And if there’s an update I will just need to make the change to the parent theme again?

    I’m a little confused about this all, if you can explain in detail that would be great.

    Thanks

    Kim

    February 1, 2018 at 8:55 am #906052
    Ismael

    Hi,

    You can add the date to the post info but we recommend that you do it in the parent theme file. Yes, you have to do the modification again after updating the theme.

    Best regards,
    Ismael

    February 2, 2018 at 6:30 am #906642
    goingthewholehogg

    Hi Ismael

    I’m pretty confused. Can you explain in more detail how I get this change active on my website?
    From what I understand I need to make the change in the parent theme. I have added the code in the postslider.php file in notepad++ on my computer.

    What do I do now?

    From what I understand I need to upload this file change to my server via FTP (I’m using Filezilla)? When I try to do this I only have the child theme on my server, not the parent. So, I don’t understand where to put the edited file? Can you please advise in detail?

    Thanks
    Kim

    February 2, 2018 at 6:53 am #906661
    Ismael

    Hey!

    Ok. Let’s start all over again. Forget about the child/parent theme for now. Just do the suggested modification in the parent theme folder.

    // https://kriesi.at/support/topic/modern-business-style-blog/#post-904560

    If you really want to do it in the child theme, follow the documentation.

    // https://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/

    Regards,
    Ismael

    February 2, 2018 at 7:24 am #906678
    goingthewholehogg

    Hi Ismael

    OK, thank you, I figured out now that I can add this code into the parent theme in WordPress itself, hadn’t realised that before.

    I’ve got the date appearing now but it’s in this format: 23/01/2018. Can it be changed to display like: Jan 23, 2018?
    Also, I need it to be centered, and in a lighter color (light gray for example) and smaller than the title (14px for example). Can these changes be made? How can I do this?

    Thanks

    Kim

    February 2, 2018 at 8:45 pm #907030
    Basilis

    Hi,

    Please go to your WordPress settings under Dashboard -> Settings and if you change the date form there, it will change at the theme also.,

    Thank you

    Best regards,
    Basilis

    February 3, 2018 at 2:26 am #907152
    goingthewholehogg

    Hi

    Thank you, I’ve amended the date format now.

    How can I make it appear centered under the featured image blog post, and change the size to 14px and colour to light gray?

    Thanks

    Kim

    February 5, 2018 at 4:11 am #907655
    Ismael

    Hi,

    Please use the following css codes.

    time.slide-meta-time.updated {
    width: 100%;
    display: block;
    text-align: center;
    color: gray;
    font-size: 14px;
}

    If you want to decrease the space above the date, use this.

    .html_modern-blog #top #wrap_all .avia-content-slider .post-entry .slide-content h3 {
    padding-bottom: 0;
    margin-bottom: 0;
}

    Best regards,
    Ismael

    February 5, 2018 at 4:56 am #907684
    goingthewholehogg

    Thanks Ismael, this is all looking great now!
    You’ve been a big help, much appreciated. You can go ahead and close this thread now!

    Thanks again,

    Kim

    February 5, 2018 at 5:36 am #907712
    Ismael

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘Modern Business Style Blog’ is closed to new replies.