10 replies
  • WEB DESIGN
  • |
Hey Warriors --

Site is http://www.abmicasting.com/abmisite/

#1
I'm trying to move/align the video to the center of the page.

What code do I use to do so and where?

Here's the code.

<iframe src="https://player.vimeo.com/video/224270732?title=0&amp;byline=0&amp;portrait=0" width="900" height="507" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

#2
Also I'm trying to make the thumbnails of the "Team" section smaller.

It also looks like there are images behind them??? How/where would I remove them?

It's an Isloping theme.

Thanks in advance!

Brik2500
#editing #site
  • Profile picture of the author Dony Kumar
    Hi,

    I think it responsive issue of your site. The best solution is using custom css code to fixed.

    Thanks.
    {{ DiscussionBoard.errors[11167316].message }}
  • Profile picture of the author Cuneyt Colak
    Hi brik2500
    change
    <p><iframe src="https://player.vimeo.com/video/224270732?title=0&amp;byline=0&amp;portrait=0" allowfullscreen="allowfullscreen" width="900" height="507" frameborder="0"></iframe></p>

    to

    <p style="text-align: center; margin-top:20px;"><iframe src="https://player.vimeo.com/video/224270732?title=0&amp;byline=0&amp;portrait=0" allowfullscreen="allowfullscreen" width="900" height="507" frameborder="0"></iframe></p>
    {{ DiscussionBoard.errors[11167873].message }}
  • Profile picture of the author Cuneyt Colak
    Hi brik2500


    For number #2
    Find <div class="team-code"> in theme files and change <span4> to <span3>
    Before
    <!-- Begin work one -->
    <div class="span4">
    <div class="team-code">


    After change
    <!-- Begin work one -->
    <div class="span3">
    <div class="team-code">


    To remove ugly lines at backgrounds
    Find inline CSS in file
    .blog-last:hover .i-icon-blog, .services-p1:hover .i-icon-services, .team-code-img {
    border: 2px solid #323a45;
    }

    remove the border value
    it should look like this after changes
    .blog-last:hover .i-icon-blog, .services-p1:hover .i-icon-services, .team-code-img {}


    If you cannot find it
    add this line to very below of style.css which is in theme's folder (isloping/style.css)
    .blog-last:hover .i-icon-blog, .services-p1:hover .i-icon-services, .team-code-img {
    border: none !important;
    }
    {{ DiscussionBoard.errors[11167891].message }}
    • Profile picture of the author brik2500
      Okay for this one:
      For number #2
      Find <div class="team-code"> in theme files and change <span4> to <span3>
      Before
      <!-- Begin work one -->
      <div class="span4">
      <div class="team-code">


      After change
      <!-- Begin work one -->
      <div class="span3">
      <div class="team-code">

      Do I find that in the shortcodes.php section or another section?
      {{ DiscussionBoard.errors[11168337].message }}
  • Profile picture of the author brik2500
    Also -- added the code to the last line of the css to remove the borders -- worked like a charm! Thanks!!!
    {{ DiscussionBoard.errors[11168343].message }}
  • Profile picture of the author Cuneyt Colak
    Your welcome Brik2500
    Cheers
    {{ DiscussionBoard.errors[11168462].message }}

Trending Topics