Html CSS/Shopify样式_Html_Css_Shopify_Liquid

Html CSS/Shopify样式

html css shopify

Html CSS/Shopify样式,html,css,shopify,liquid,Html,Css,Shopify,Liquid,我正在为某人开发一个Shopify模板，并且仍然在学习liquid和HTML、javascript 我正在努力调整此页面上的徽标目前，我正在使用内联样式标签来完成这项工作，因为它应该是一个简单的编辑，它非常基本，但我将感谢任何帮助这是带有CSS的液体模板 <!doctype html> <html lang="en"> <head> <title></title> </head>

我正在为某人开发一个Shopify模板，并且仍然在学习liquid和HTML、javascript

我正在努力调整此页面上的徽标

目前，我正在使用内联样式标签来完成这项工作，因为它应该是一个简单的编辑，它非常基本，但我将感谢任何帮助

这是带有CSS的液体模板

<!doctype html>
<html lang="en">
  <head>
    <title></title>
  </head>
  <body>
    {% layout 'password' %}
    <div>
    <img src="https://cdn.shopify.com/s/files/1/0490/5022/2756/files/VECTOR_PHOENIX.svg?v=1601726832" style="display: block;margin-left:auto;margin-right:auto;">
      <h1 style="margin-left: auto;margin-right:auto;font-weight:900;color:black;text-align:center;">Coming Soon...</h1>
    </div
    {% comment %}
    {% section 'password-content' %}
    The contents of the password.liquid templates can be found in /sections
    {% endcomment %}
    {% section 'password-footer' %}
  </body>
</html>


{%layout'密码'%}
马上就来。。。
如果您只想在中间对齐徽标，请在该div上添加一个类，并使用display flex将其对齐到中间或任何您想要的位置
不要把内联样式放进去。shopify的资产文件夹中应该有一个style.scss文件，用于添加CSS
.logo-align {
display: flex;
justify-content: center;
}

在您的问题中，向我们展示Shopify模板对我们来说用处不大，因为它依赖于您生成的HTML和CSS。请告诉我们脚本/模板运行后生成的“”HTML和CSS？shopify模板的上下文与问题相关
.logo-align {
display: flex;
justify-content: center;
}