Navigation
Archive / Need help with css for integrity
This is archived content. Visit our new forum.

Tagged: 

1 2
  • Author
    Posts
  • February 6, 2017 at 5:57 pm #1360359
    antoniolucio
    Participant

    Hello i’m trying to do a image box rotate 45 degrees with a image to stay horizontal, also the text. I found a css to do it but can’t figure out how to make it work for X-theme.Thank you
    The site Is http://www.prowebdesign.ro/css-shapes-images-in-rounded-corner-square-rotated-to-45-degrees-rhombus/

    February 6, 2017 at 11:07 pm #1360673
    Prasant Rai
    Moderator

    Hello Antonio,

    Thanks for writing in!

    Could you please provide us with your website URL so we can take a closer look to give you the relevant CSS?

    Thanks.

    February 6, 2017 at 11:26 pm #1360686
    antoniolucio
    Participant

    the website is http://www.mfsquad.com just started so it’s the 1st section

    February 7, 2017 at 1:54 am #1360801
    Friech
    Moderator

    Hi There,

    Actually, you can use the code provided on that tutorial. You can paste it on a RAW content element, and the CSS on Settings > Custom CSS. You’ll just need to consider the size of your image like the author suggest at the bottom.

    Why not pre-crop the image on an image editor? You could have control what part of the image would be crop.

    Thanks.

    February 7, 2017 at 10:36 am #1361385
    antoniolucio
    Participant

    Awesome I will give it a shot, thank you.
    If I have any questions regarding this issue, would you still be of assist.

    February 7, 2017 at 11:14 am #1361450
    Thai
    Moderator

    Of course, if you need anything else please let us know.

    February 7, 2017 at 9:55 pm #1362256
    antoniolucio
    Participant

    Thai I still can’t figure out why is not working for me, I used the raw element like you said. I put the html in the raw content box and paste a image larger then 200px by 200px. I put the css in the custom css area but it’s a no go, not sure what im doing wrong. I’m new to all of this Thank you.

    February 8, 2017 at 2:07 am #1362464
    Christopher
    Moderator

    Hi there,

    I would like to check your site, but it’s under maintenance mode. Please provide us with login credentials.

    Thanks.

    February 8, 2017 at 11:35 am #1363118
    antoniolucio
    Participant
    This reply has been marked as private.
    February 8, 2017 at 2:09 pm #1363283
    Jade
    Moderator

    Hi Antonio,

    Please add this class imagecontainer to the column that contains the images in order for the CSS to work.

    Hope this helps.

    February 8, 2017 at 4:54 pm #1363483
    antoniolucio
    Participant

    Hi jade thanks for the info it did made the degree change but can’t get the image to set right, I follow it by putting the html on a raw and also try it on a text box but it doesn’t look right.

    February 9, 2017 at 12:37 am #1363903
    Rad
    Moderator

    Hi there,

    The box is rotated, but there is no image. How about adding the image and text? Would you mind implementing what you did and provide a screenshot, maybe we can check the difference. I only see a box.

    Thanks!

    February 9, 2017 at 2:20 am #1363984
    antoniolucio
    Participant

    OK no problem just really appreciate the help
    1st picture- Is the custom css
    2nd picture- Is the text element and I put the class imagecontainer the box gets rotated
    3rd picture- Is after I put the html and you can see the inside box, weird
    4th picture- Is after I put the image url, I think i’m putting the right image info
    So what am I doing wrong, Thank you again

    February 9, 2017 at 2:25 am #1363988
    antoniolucio
    Participant

    sorry forgot to compress the image file

    February 9, 2017 at 2:48 am #1364008
    Lely
    Moderator

    Hello There,

    I can see where the issue is. the class should be added on X column class field.
    I made a draft page. See Image X test draft page. See this:http://screencast-o-matic.com/watch/cbnQjm6hI7

    Hope this helps.

  • Author
    Posts
1 2
  • <script> jQuery(function($){ $("#no-reply-1360359 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>