-
AuthorPosts
-
January 24, 2017 at 5:00 pm #737832
Hi,
I just tried everyhing I can to get a small arrow on the right side of a div. Like this: http://i.imgur.com/kKLdPk0.jpg
I gave this div a class : http://i.imgur.com/oF4MT9Y.jpg called .arrow-container
But if I look at it in the front end the button has the same arrow and I don’t see why. http://i.imgur.com/ypJN6iA.jpgbest wishes,
marleneJanuary 28, 2017 at 5:31 am #739676Hey hannerinc!
Thank you for using Enfold.
Please replace the css code with this.
#top .flex_column.arrow-container { position: relative; background: #d50d0d; border: 4px solid #d50d0d; z-index: 9999; } #top .flex_column:before { display: none; } #top .flex_column.arrow-container:before { right: auto; top: 50%; content: "" !important; height: 0; width: 0; position: absolute; display: block !important; border-style: solid; border-width: 12.5px 20px 12.5px 0; border-color: transparent #d50d0d transparent transparent; left: -20px; visibility: visible !important; margin-top: -12.5px; }
Cheers!
IsmaelJanuary 30, 2017 at 9:45 am #740089Thanks a lot ismael!
could you help me with the image too? I want it to fit the content height.- This reply was modified 7 years, 11 months ago by hannerinc.
January 31, 2017 at 6:50 am #740499Hey!
I’m not sure if that’s possible without distorting the image. Please post the actual link to the site so that we can inspect the element. Did you add the image as a column background or as an Image element?
Cheers!
IsmaelJanuary 31, 2017 at 11:40 am #740565Hi ismael,
http://bit.ly/2kN43mf Here is the link to my preview site.February 1, 2017 at 6:50 am #741015Hey!
We can apply a minimum height to the column with the background image so that it will still be visible on smaller screens.
.flex_column.img-arrow { min-height: 500px; }
Adjust the value as needed. You can also use css media queries to adjust the value on different screen sizes.
Cheers!
IsmaelFebruary 1, 2017 at 5:59 pm #741382Hi,
thanks!
so I guess it’s not possible to adjust the normal image?marlene
February 6, 2017 at 6:08 am #743148 -
AuthorPosts
- You must be logged in to reply to this topic.