Public Access
webmaster
9d14652a57
A filtered-out directory card stayed visible. The card is targeted by an
id-based ready-state selector (`.js #directory[data-dir-state="ready"]
#dirGrid > .dev-card`, two ids), which outranked the old per-element patch
`.dev-card[hidden] { display:none }` — so `card.hidden = true` set the
attribute and every card stayed on screen while the count line correctly
read "Showing 1 of 4".
Fix: one rule, `[hidden] { display:none !important }`, early in /style.css.
A class- or id-based `display` can no longer beat the attribute, so this
cannot recur with the next class that sets `display`. The per-element
`[hidden]` patches are removed so a single mechanism governs:
- odoo-community-developers: cards + filter row + pager + modal
(load-bearing — each sets `display`); focus-sliders/noscript (redundant)
- index/de/es `.hero-notice[hidden]`, odoo-black-friday `.ads-consent[hidden]`
(redundant — those elements set no `display`)
Re-fingerprint local assets (style.css changed): /style.css?v 3332fbba93 ->
061517baef across 51 pages.
Measured in a real browser (local harness, stubbed webhook; no record created,
no probe write) — computed display + geometry, never the `hidden` property:
- filtered to one card: the other three report display:none and height 0;
the visible set (1) equals the count line ("Showing 1 of 4") — 1 == 1
- HEAD (pre-fix) reproduces the defect: 3 cards hidden=true yet display:flex,
height 599.38 each; 4 visible vs the count's 1
- pager: display:none height 0 with one page; display:flex height 66.83 with
12 cards (Page 1 of 2); page 2 hides page-1 cards (display:none)
- modals closed: display:none height 0; load state: cards 0, pager/empty
display:none, filter row visibility:hidden by design
- 375 px: same result, no horizontal overflow; avatar ask-row top identical
across a row (2053.97 / links 2086.91)
301 lines
12 KiB
HTML
301 lines
12 KiB
HTML
<!doctype html>
|
||
<html lang="en-US">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>
|
||
Getting Started with Odoo Hosting – What You Need to Know |
|
||
ODOO4projects
|
||
</title>
|
||
<meta
|
||
name="description"
|
||
content="New to Odoo hosting? This guide covers everything from choosing a plan to configuring your first domain and SSL."
|
||
/>
|
||
<link
|
||
rel="canonical"
|
||
href="https://odoo4projects.com/blog/posts/my-first-post.html"
|
||
/>
|
||
<meta
|
||
property="og:title"
|
||
content="Getting Started with Odoo Hosting – What You Need to Know"
|
||
/>
|
||
<meta
|
||
property="og:description"
|
||
content="New to Odoo hosting? This guide covers everything from choosing a plan to configuring your first domain and SSL."
|
||
/>
|
||
<meta property="og:type" content="article" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<link rel="icon" href="../../images/favicon.ico" />
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
|
||
rel="stylesheet"
|
||
/>
|
||
<link
|
||
rel="stylesheet"
|
||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
|
||
/>
|
||
<link rel="stylesheet" href="../../style.css?v=061517baef" />
|
||
<style>
|
||
:root {
|
||
--primary: #714b67;
|
||
--border: #e5e3e0;
|
||
--radius: 0.6rem;
|
||
--dark: #212529;
|
||
--light: #f8f9fa;
|
||
--bg: #ffffff;
|
||
}
|
||
* {
|
||
box-sizing: border-box;
|
||
}
|
||
body {
|
||
margin: 0;
|
||
font-family: Inter, sans-serif;
|
||
font-size: 1rem;
|
||
line-height: 1.7;
|
||
background: var(--bg);
|
||
color: var(--dark);
|
||
}
|
||
.container {
|
||
width: 80%;
|
||
max-width: 800px;
|
||
margin: 0 auto;
|
||
padding: 0 20px;
|
||
}
|
||
@media (max-width: 768px) {
|
||
.container {
|
||
width: 100%;
|
||
}
|
||
}
|
||
.blog-header {
|
||
padding: 2rem 0;
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
.blog-header a {
|
||
color: var(--primary);
|
||
text-decoration: none;
|
||
font-size: 0.85rem;
|
||
}
|
||
.blog-header a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
.post-title {
|
||
font-family: "Inter Tight", sans-serif;
|
||
font-size: clamp(1.5rem, 3vw, 2.2rem);
|
||
font-weight: 700;
|
||
margin: 1.5rem 0 0.5rem;
|
||
color: var(--dark);
|
||
}
|
||
.post-meta {
|
||
color: rgba(33, 37, 41, 0.5);
|
||
font-size: 0.85rem;
|
||
margin-bottom: 2rem;
|
||
}
|
||
.post-content h2 {
|
||
font-family: "Inter Tight", sans-serif;
|
||
font-size: 1.3rem;
|
||
margin-top: 2rem;
|
||
color: var(--dark);
|
||
}
|
||
.post-content p {
|
||
margin: 1rem 0;
|
||
color: rgba(33, 37, 41, 0.7);
|
||
line-height: 1.7;
|
||
}
|
||
.post-content ul,
|
||
.post-content ol {
|
||
padding-left: 1.5rem;
|
||
}
|
||
.post-content li {
|
||
margin: 0.5rem 0;
|
||
}
|
||
.post-content a {
|
||
color: var(--primary);
|
||
}
|
||
.post-content code {
|
||
background: var(--light);
|
||
color: var(--dark);
|
||
padding: 0.2rem 0.4rem;
|
||
border-radius: 4px;
|
||
font-size: 0.9em;
|
||
}
|
||
.post-content pre {
|
||
background: var(--light);
|
||
color: var(--dark);
|
||
padding: 1rem;
|
||
border-radius: var(--radius);
|
||
overflow-x: auto;
|
||
border: 1px solid var(--border);
|
||
font-size: 0.82rem;
|
||
}
|
||
.pro-tip {
|
||
border-left: 3px solid var(--primary);
|
||
background: rgba(113, 75, 103, 0.04);
|
||
padding: 1rem 1.25rem;
|
||
margin: 1.5rem 0;
|
||
border-radius: 0 0.6rem 0.6rem 0;
|
||
}
|
||
.pro-tip strong {
|
||
color: var(--primary);
|
||
}
|
||
.cta-box {
|
||
border: 1px solid var(--border);
|
||
background: var(--bg);
|
||
padding: 1.5rem;
|
||
margin: 2rem 0;
|
||
border-radius: var(--radius);
|
||
text-align: center;
|
||
}
|
||
.cta-box h3 {
|
||
margin: 0 0 0.5rem;
|
||
color: var(--dark);
|
||
}
|
||
.cta-box p {
|
||
margin: 0 0 1rem;
|
||
color: rgba(33, 37, 41, 0.7);
|
||
font-size: 0.9rem;
|
||
}
|
||
.cta-box .btn {
|
||
display: inline-block;
|
||
padding: 0.6rem 1.5rem;
|
||
background: var(--primary);
|
||
color: #fff;
|
||
text-decoration: none;
|
||
border-radius: 0.5rem;
|
||
font-weight: 600;
|
||
font-size: 0.85rem;
|
||
transition: opacity 0.2s;
|
||
}
|
||
.cta-box .btn:hover {
|
||
opacity: 0.85;
|
||
}
|
||
.post-footer {
|
||
padding: 2rem 0;
|
||
border-top: 1px solid var(--border);
|
||
margin-top: 2rem;
|
||
}
|
||
.post-footer a {
|
||
color: var(--primary);
|
||
text-decoration: none;
|
||
}
|
||
.post-footer a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
</style>
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "BlogPosting",
|
||
"headline": "Getting Started with Odoo Hosting – What You Need to Know",
|
||
"datePublished": "2026-05-28",
|
||
"url": "https://odoo4projects.com/blog/posts/my-first-post.html",
|
||
"author": {
|
||
"@type": "Organization",
|
||
"name": "ODOO4projects",
|
||
"url": "https://odoo4projects.com/"
|
||
},
|
||
"publisher": {
|
||
"@type": "Organization",
|
||
"name": "ODOO4projects",
|
||
"url": "https://odoo4projects.com/",
|
||
"logo": {
|
||
"@type": "ImageObject",
|
||
"url": "https://odoo4projects.com/images/logo.png"
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<!-- Privacy-friendly analytics by Plausible -->
|
||
<script async src="https://plausible.office.odoo4projects.com/js/pa-NhA7Rf-79VopXFQXhSS4e.js"></script>
|
||
<script>
|
||
window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
|
||
plausible.init()
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<main>
|
||
<div class="container">
|
||
<div class="blog-header">
|
||
<a href="../../index.html#blog">← Back to Blog</a>
|
||
</div>
|
||
<article>
|
||
<h1 class="post-title">
|
||
Getting Started with Odoo Hosting – What You Need to
|
||
Know
|
||
</h1>
|
||
<div class="post-meta">May 28, 2026 · Guide</div>
|
||
<div class="post-content">
|
||
<p>
|
||
So you've decided to move your business to Odoo. Great
|
||
choice. But where do you start with hosting? This guide
|
||
walks you through everything — from choosing the
|
||
right plan to getting your first domain mapped and SSL
|
||
certificate installed.
|
||
</p>
|
||
<h2>Step 1: Choose Your Plan</h2>
|
||
<p>
|
||
At ODOO4projects we offer <a href="../../index.html#pricing">four plans designed to grow
|
||
with you</a>. If you're just getting started,
|
||
<strong>Side Hustle</strong> gives you a fully
|
||
functional Odoo CE instance with 1 backup slot and
|
||
domain mapping. As your needs grow, you can upgrade to
|
||
<strong>On the Rise</strong> for module installation
|
||
support, or jump to <strong>Powerhouse</strong> for Odoo
|
||
Enterprise readiness.
|
||
</p>
|
||
<div class="pro-tip">
|
||
<strong>Pro Tip:</strong> All plans include instant
|
||
setup. You can cancel at any time.
|
||
</div>
|
||
<h2>Step 2: Deploy Your Instance</h2>
|
||
<p>
|
||
Once you've made your purchase, your instance is
|
||
deployed automatically. You'll receive an email with
|
||
your login credentials and instance URL within minutes.
|
||
From there, you can access the Odoo backend and start
|
||
configuring your apps.
|
||
</p>
|
||
<pre><code>Your instance URL: https://yourcompany.odoo4projects.com
|
||
Admin credentials: sent via email</code></pre>
|
||
<h2>Step 3: Map Your Domain</h2>
|
||
<p>
|
||
Want to use your own domain? Point the A record at your
|
||
server's IP address at your domain provider, then
|
||
restart the server so it picks up the new domain. Then
|
||
add the domain inside Odoo under
|
||
<strong>Settings → 4 Server → Domains</strong>.
|
||
Once the DNS propagates, we issue a free SSL certificate
|
||
via Let's Encrypt.
|
||
</p>
|
||
<p>
|
||
Domain mapping is not available on the free trial. It is
|
||
included from Side Hustle up.
|
||
</p>
|
||
<h2>Step 4: Start Building</h2>
|
||
<p>
|
||
With your instance live and your domain mapped, you're
|
||
ready to install apps, configure users, and customize
|
||
your workflows. Need help? Our <a href="../../support.html">support team</a> is just a
|
||
message away.
|
||
</p>
|
||
<div class="cta-box">
|
||
<h3>Ready to Get Started?</h3>
|
||
<p>
|
||
Pick a plan and launch your Odoo instance in
|
||
minutes.
|
||
</p>
|
||
<a href="../../index.html#pricing" class="btn btn-primary"
|
||
>View Plans</a
|
||
>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<div class="post-footer">
|
||
<a href="../../index.html#blog">← Back to all posts</a>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
<script defer src="/static/agent-odoo4projects/agent.js?v=c3bb0cee2b"></script>
|
||
</body>
|
||
</html> |