Need to edit CSS in HOME PAGE / Vantage Theme

  • Very nice theme folks! I have the need to edit the CSS in the HOME PAGE (appearance / home page ). The real issue is mobile & tablet display. There’s no padding on these @media. The result is everything on mobile & tablet is “flush left” which makes text items rather messy.

    My fix (padding: 5%;) will work perfect, if I can get to the embedded css (Lines starting -approximate- #217….https://video.compathos.com)

    The code:
    <style type=”text/css” media=”all” id=”siteorigin-panels-grids-wp_head”>/* Layout 2087 */ #pg-2087-0 { margin-bottom:25px } #pgc-2087-1-0 , #pgc-2087-1-1 { width:50% } #pg-2087-1 .panel-grid-cell { float:left } #pl-2087 .panel-grid-cell .so-panel { margin-bottom:35px } #pl-2087 .panel-grid-cell .so-panel:last-child { margin-bottom:0px } #pg-2087-1 { margin-left:-15px;margin-right:-15px } #pg-2087-1 .panel-grid-cell { padding-left:15px;padding-right:15px } @media (max-width:780px){ #pg-2087-0 .panel-grid-cell , #pg-2087-1 .panel-grid-cell { float:none;width:auto } #pgc-2087-1-0 { margin-bottom:35px } #pl-2087 .panel-grid { margin-left:0;margin-right:0 } #pl-2087 .panel-grid-cell { padding:0 } } </style><style type=”text/css” id=”vantage-footer-widgets”>#footer-widgets aside { width : 33.333%; } </style>

    Where is this code??? answer:wp-content/plugins/so-panels/siteorigin-panels.php

    Where is $css being pulled in from ? is there any external CSS capability within HOME PAGE? (have tried without success to add the padding: 5% in that particular row…. just not working)

    please help…..

Viewing 3 replies - 1 through 3 (of 3 total)
  • Douglas

    (@douglas-richard)

    Hi!
    I’ve the same doubt. Can’t find the above code, it’s like a ghost.
    I need solve this urgently!
    Please help us!!

    Hi everybody,

    That code is automatically generated based on your selections. If you would like to adjust the padding of something you’ll need to edit the row where you wish to adjust the padding. Padding is pretty much always (in some rare cases it’s found within the widget itself) within either the row styles or widget styles sidebar. These sidebars are visible when you open the edit screen of either a widget or a row setting.

    Padding is always found in the padding options group.

    Row Padding
    Widget padding

    Hi, I was wondering if you could help me.

    I have the Vantage Theme. But for me I can’t find where to edit the content in the home page. I have gone to the front page in back office, but when I edit it and update it does not show the changes in the front end. There was another location to update it previously, but my web guy did some changes and now we are no longer working together

    Please direct me. I have looked everywhere.

    Thanks so much.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Need to edit CSS in HOME PAGE / Vantage Theme’ is closed to new replies.

Tags