This topic has 10 replies, 2 voices, and was last updated 10 years by ARCHE.

  • Author
  • #74216
     ARCHE
    Participant

    Hi guys,

    Could you please help me with this:

    I would like that ALL images that are inserted within Blog Posts could have this caption style (or something similar): caption-test

    I am happy with the default caption style for Portfolio Items, I would like to change ONLY the one in Blog Posts. Thank you in advance!

    #74242
     ARCHE
    Participant

    I don’t know if this is the best way of doing it but this CSS seems to be a good solution for me:

    COPY CODE
    .wp-caption p.wp-caption-text {
     float: left;
     margin-top: 15px;
     margin-left: 20px;
     border-left: 1px solid #e7e7e7;
     font-size: 13px;
     line-height: 18px;
     text-align: left;
    }

    I put this as Custom CSS for every blog post. Can you suggest me a better way to have this? Without inputting custom CSS for every single post? Thanks!

    #74324
     sharmstr
    Moderator

    Every wp page type as a body class that has the type. So try this

    COPY CODE
    
    .single-post .wp-caption p.wp-caption-text {
     float: left;
     margin-top: 15px;
     margin-left: 20px;
     border-left: 1px solid #e7e7e7;
     font-size: 13px;
     line-height: 18px;
     text-align: left;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #74414
     ARCHE
    Participant

    Hi @sharmstr,

    Thank you. Is there a way to target only the captions within Blog Posts? Because when I put the code you suggested in Appearance > Editor it changes also the captions of Portfolio items.

    Also, can you please suggest me a way to make the caption sit on the right side of the image? Like this sample: image

    Thank you again.

    #74420
     sharmstr
    Moderator

    It shouldn’t. Portfolios use .single-portfolio. Perhaps something else is going on. Provide a link.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #74424
     ARCHE
    Participant

    Yeah, I think something else is going on because now I have removed the code from Appearance > Editor and from every single post but still they are appearing with customised caption.

    Here is a post link: http://www.archicostudio.com/blog/expo-2015-italian-pavilion/
    Here is a portfolio item link: http://www.archicostudio.com/projects/plus-minus/

    Here are the credentials:
    username: support-team
    email: chella.fajardo@gmail.com
    pw: help

    #74425
     sharmstr
    Moderator

    credentials dont work

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #74426
     ARCHE
    Participant

    username: support-team
    email: chella.fajardo@gmail.com
    pw: help

    Now should be fine, I just logged in.

    #74427
     ARCHE
    Participant

    ops, please set my previous msg as private if you can thanks.

    #74431
     sharmstr
    Moderator

    I used the code I gave you and it works fine as far as only doing it on posts and not portfolios.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #74432
     ARCHE
    Participant

    Thanks sharmstr! I must have some caching issues, checked it from another browser and from another computer and you were right, it works OK…

    Another thing about caption styling… do you think it is possible to have the caption at the right side of the image? Would this be a quick fix?

    Thank you!

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

The forum ‘KLEO’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?