Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Paul_in

Member
  • Posts

    23
  • Joined

  • Last visited

Community Answers

  1. Paul_in's post in Change Caption Design on 3 images only was marked as the answer   
    @ryandejaegherHehe yes I was still trying and here is the final code I found that made it possible :

     
    /*main page phone: drawings center caption*/ @media screen and (max-width: 640px) { #block-yui_3_17_2_1_1591978977963_25330, #block-yui_3_17_2_1_1591978977963_20185, #block-yui_3_17_2_1_1591978977963_21157{ .image-caption { text-align: center !important; margin-top:0px; }}} /*main page screen: drawings center caption*/ @media screen and (min-width: 640px) { #block-yui_3_17_2_1_1591978977963_25330, #block-yui_3_17_2_1_1591978977963_20185, #block-yui_3_17_2_1_1591978977963_21157{ .image-caption { text-align: center !important; margin-top:20px; }}} I used separates codes for the Desktop and Phone version because I also used some code to resize the drawings and wanted to adjust the margin according to the screen it will be seen. 

    In order for this to work, I had to remove the code line on text alignement in my custom caption design :
     
    /* caption design*/ .sqs-block.image-block .image-caption-wrapper p { font-size: 18px !important; letter-spacing: 0.015em !important; line-height: 1.3 !important; font-family: "Asul" !important; padding-top: 0px !important; margin-top: -8px; a {color: #05424d !important;} a:hover{color: #ffffff !important;} } So it's all "solved" but yes indeed to answer your point, I don't have a choice on the font-size with this tweak. I have to setup the font-size in my custom caption design settings and was not able to change this size for the 3 images on the main page. 
     
    Ideally I would have had control over the size as well but I'm quite happy I went that far already. 
×
×
  • Create New...