Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 24, 2014 at 10:56 pm #242388
    codepantry

    For each color section, what is the best way to align text and images ?
    I am trying to insert an image to the left most portion of the color section and then right below I would like text to go with that. I have been able to do this by using blocks of empty layer elements but this looks clumsy as I have to do so for each row and secondly, there is too much padding such that the text and image is not quite left most aligned.
    Please note that I only ant this to affect that specific color section

    March 26, 2014 at 8:02 am #243181
    Dude

    Hi codepantry!

    You can use the “Custom ID” field: http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png to add a custom id to each color section. You can use this id to apply some custom style code to the text within this section. I.e. if you insert “portfolio” into the field you can style your text with:

    
#top #portfolio img{
float:left;
}

#top #portfolio p{
float:right;
}

    This is just an example – obviously you can use the #portfolio selector to determine the position of divs, etc. too.

    Best regards,
    Peter

    March 27, 2014 at 3:43 am #243610
    codepantry

    In your example, is #top and #portfolio customids ?? What do you mean by #portfolio selector?? Break it down slowly please or just give me one example based on the scenario I highlighted above..

    March 31, 2014 at 11:35 am #245359
    Yigit

    Hi!

    #portfolio is custom ID as shown here http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
    Using #portfolio you can target only elements inside your color section. If you can post a screenshot, we can post you an example CSS code

    Regards,
    Yigit

    April 1, 2014 at 1:35 am #245815
    codepantry

    To resolve issues do you prefer screen shots or links to the actual page ? I am partial to links as I don’t have to resend in case of changes
    http://bit.ly/1iC62Qi

    April 1, 2014 at 1:37 am #245817
    codepantry

    In the link ttp://bit.ly/1iC62Qi, I would like to be able to left or right align the all text, images and buttons to the left or right.

    Color spaces affected
    #dashboardinbox
    #education
    #timemanagement

    • This reply was modified 10 years, 9 months ago by codepantry.
    April 1, 2014 at 3:04 pm #246052
    Yigit

    Hi!

    I replied to you here – https://kriesi.at/support/topic/left-align/
    I have already provided you a custom CSS code. If that is not what you need, please post a screenshot on your other topic and we will take a look. I am closing this one for now

    Regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Left or Right Most Alignment in color section without large padding or spacing’ is closed to new replies.