How to add youtube video in the article?

More
9 years 8 months ago #41062 by webhelp96@gmail.com

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
9 years 8 months ago #41067 by milos
On youtube.com, you should click Share button and look for code for embedding on your site. Then paste this code in HTML mode when you edit the page in Joomla.

Regards

Please Log in to join the conversation.

More
9 years 8 months ago #41070 by webhelp96@gmail.com
Thank you! I know, just a video is not adapted to mobile devices as in your demo. Now I solved this problem. But there is another. Why is my logo and social icons have shifted down? In your demo, they are exactly.
demo.hotjoomlatemplates.com/responsive/
fatafoto.ru/

Please Log in to join the conversation.

More
9 years 8 months ago #41071 by webhelp96@gmail.com

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
9 years 8 months ago #41075 by milos
You put the social icons inside paragraph <p> and that's why it has margins. So, you should remove <p> and ending </p>

Background color of the buttons is in file template_css.css around line 652. You should change color values for #nav > li. If you want plain pink color, you can just remove this part:
Code:
/* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,0.32) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.32)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.32) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.32) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.32) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,0,0,0.32) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

and just put:
Code:
backgound:pink

Instead of pink you can use any hex color value.

Regards

Please Log in to join the conversation.

Time to create page: 0.329 seconds
Powered by Kunena Forum