Blog article go before the featured image

Hey, 

how can I make the title of the blog article go before the featured image on each blog post?

Let see attach.

Thx a lot
Tagged:

Comments

  • Hey

    follow given instructions 


    go to in your theme directory >> blog-right-sidebar.php 

    find attached blog-right-sidebar.tx and replace code in blog-right-sidebar.php 


    let  me know 

    did it work

    Thanks
    Abhishek
    blog-right-sidebar.txt
    4K
  • [email protected],

    Any update?

    Thanks
    Abhishek
  • Hey, 

    yes it helps, but only on one page with blog articles - every others are still the same and having text under picture. If you have a look under page "Rady a návody": http://jednicka-v-kancelari.cz/category/office-365/ for example on Office 365 there is still first picture and than the name of article.

    Thanks for help

    Katerina
  • [email protected],

    ok replace given code 

    go to in your theme directory >> blog-right-sidebar.php 

    find attached blog-right-sidebar.tx and replace code in blog-right-sidebar.php 

    let me know 

    Thanks
    Abhishek

    blog-right-sidebar.txt
    4K
  • No, no, the first HTML which you gave me is okay and it works how I need - but there is a problem that it doesn´t work in every section, but only in the main section. 

    Let see, this is okay (there works your new code): http://jednicka-v-kancelari.cz/navody-a-rady/
    And this is the section under first link (and there it is not work): http://jednicka-v-kancelari.cz/category/office-365/

    Thanks

    Katerina
  • For better understanding, I have got this problem:

    your code works when I put to new page like a template: Blog Right Sidebar

    But I am putting to the main menu section of articles - so your code could not help me with this. I need some advice which helps me with this when I am putting to the main menu sections not pages.

    Thx a lot for advice. 
  • sections = posts categories
  • Hi

    For this find the category.php file located in your theme folder . 

    2 Replace the code of it with the code of category.txt (Which is given below in the attachment ). 


    Thanks
    Akhilesh
    category.txt
    4K
  • Hi, 

    it is better because it works in categories but I would like to put up every info/whole tittle, not only name of article.
     
    Thx a lot


    Info_about_article_up.JPG
    92K
  • Hey katerinacern

    for move all info before image replace again that file with attached file 

    For this find the category.php file located in your theme folder . 

    2 Replace the code of it with the code of category.txt (Which is given below in the attachment ). 

    Thanks
    Abhishek


    category.txt
    4K
  • Almost done - instead of date. 

    With the date it would be what I want :)))

    So I hope that your next message with code will be the last one and my problem will be solved, but I really need up to picture all info :)

    Thx a lot! :)


    What.JPG
    84K
  • Hi

    For this find the category.php file located in your theme folder . 

    2 Replace the code of it with the code of category.txt (Which is given below in the attachment ). 

    Thanks 
    category.txt
    4K
  • Hey, 

    thank you for your advice, but there is still one problem - the letters in name of article are blue and big and the align with the square with date not look fine - blue colour is okay maybe also the size is fine but aligning with the blue square with the date is not fine.

    Thx a lot for your help and speed.

    Katerina
    Blue_letters.JPG
    93K
  • edited January 2016
    Hi

    I have checked your link and the alignment is fine .
    See the snapshot . 

    You can change font size color and alignment as your need by adding below css code . 

    .qua_post_title_wrapper h2 {
        font-size: 19px;
        line-height: 14px;
    }
    .qua_post_title_wrapper h2 a {  color: #121212;  }

    Thanks 
    Akhilesh
  • FTA
    alignment.png
    256K
  • Hi, 

    I do not know in which browser you checked it, but in every which I am using - for example in Google Chrome I see it like in my attach:

    align.JPG
    79K
  • edited February 2016
    Hi
    Its working fine on google chrome . 

    But Facing issue on Mozilla Firefox  . 

    Add the below css code into custom css box . 

    .qua_post_title_wrapper h2 { margin-top: 0px !important; } 

    Thanks 
    Akhilesh
  • Hi,

    css code which you send me does not help - when I am putting it to into custom css it does not change anything and we still see it as I send in attach. 

    Thanks

    Katerina
  • use this given css code 

    .qua_post_title_wrapper1 h2 { margin-top: 0px !important; } 

    let me know 

    Thanks
    Abhishek
  • Cool, it works :) 

    Thank you very much!

    Katerina
  • Hey 

    Glad to know that it works!!!

    if you like our theme and support kindly give a supper review on wordpresss.org https://wordpress.org/support/view/theme-reviews/quality?filter=5

    Thanks
    Abhishek
This discussion has been closed.