grxdesigner38
-
Posts
2 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by grxdesigner38
-
-
I'm trying to display multiple icons and text in one line, side by side. I'm currently using the code block and I'm getting icons above the text instead of next to each other. I've attached what I'm seeing vs what I'm trying to accomplish. Here's the code I'm using:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Multiple Icons and Text on the Same Line</title>
<!-- Include Google Material Icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<style>
/* Optional: Add some styling to adjust the layout */
body {
font-family: 'Arial', sans-serif;
margin: 20px;
}
.icon-container {
display: flex;
justify-content: center;
text-align: center;
}
.icon {
display: inline-block;
vertical-align: middle; /* Align the icons vertically */
margin-right: 10px; /* Adjust spacing between icon and text */
}
</style>
</head>
<body><!-- Multiple Icons and Text on the Same Line -->
<div class="icon-container">
<div>
<div class="icon">
<i class="material-icons">star</i> <!-- Replace with your desired Material Icon name -->
</div>
<div class="text">
Your text goes here.
</div>
</div>
<div>
<div class="icon">
<i class="material-icons">favorite</i> <!-- Replace with another Material Icon name -->
</div>
<div class="text">
Another text here.
</div>
</div>
</div></body>
</html>
How to center a text block on mobile only
in Customize with code
Posted
I'm having a similar issue. I have separate text blocks: some with pricing and some with text only. The text only is centering but the pricing is not. Here is the code I'm using for the first two, as an example.
@media screen and (max-width: 767px) {
#block-yui_3_17_2_1_1704401863200_30305 {
text-align: center;
}
#block-e84e5c5da83dc603066e {
text-align: center;
}
}
https://blenny-indigo-cspb.squarespace.com/weddings
pw: 550Reach