Google Feed Control - стилизация с помощью CSS

Question

Я собираю небольшой список RSS-каналов с помощью Google Dynamic Feed Control.

Однако мне просто интересно, есть ли какая-либо документация, объясняющая, как я мог бы это оформить. Как мне известно, он использует свой собственный заранее заданный стиль, например.gfc-title {}, .gfc-resultsHeader {} Это единственные два, которые мне известны.

У меня есть только четыре канала, которые я загружаю, и я действительно хочу расположить их в вертикальном столбце рядом друг с другом. Сложенные по умолчанию, выровненные по левому краю друг над другом.

Извиняюсь, если я упускаю что-то очевидное здесь!

      <script type="text/javascript" src="https://www.google.com/jsapi"></script>
            <script type="text/javascript">
       google.load("feeds", "1");

       function OnLoad() {
       // Create a feed control
       var feedControl = new google.feeds.FeedControl();

      // Add two feeds.
      feedControl.addFeed("#", "Feed 1");
      feedControl.addFeed("#", "Feed 2");
      feedControl.addFeed("#", "Feed 3");
      feedControl.addFeed("#,  "Feed 4");


      // Draw it.
      feedControl.draw(document.getElementById("google_feeds"));
      }

      google.setOnLoadCallback(OnLoad);

Answer 1

Вы можете использовать инструменты разработчика своего браузера, чтобы узнать классы CSS управления фидами Google. Я предполагаю, что наиболее важными из них являются gfc-resultsRoot, gfc-resultsHeader, gfc-title, gfc-results и gfc-result.

Вы, вероятно, получите желаемый результат, добавив стили в gfc-resultsRoot. Может быть, что-то вроде этого: http://jsfiddle.net/qy81yn7f/1/

    .gfc-resultsRoot { 
        width : 300px;
        float: left;
    }