Request for Weekly & Daily Horoscope Pages
-
I have 2 requests if you could please help me! Thanks
First, Is there a way to customize the weekly horoscopes like you can the daily horoscopes? Right now all I was able to do was create the weekly pages with one custom text widget which seems to be very uneditable. I would ideally like to be able to change the weekday Images like I can the planets on the daily horoscope pages….
Could you create a custom shortcode for each sign weekday paragraph? Also preferably put the day names, months and dates in an <h2> tag for proper mark up and so I can style them easier than just a strong tag?
The week ahead
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Weekly FocusI would like all those sort of like the planets have their paragraph items, Like this…
[ezhp_ezhoroscope_section sign=”aries” section=”sun-item” language=”en”]
—Second Request—
Also with the daily horoscope pages for the planets you have a small text sigil for each sign. ☿♃♄♅♆♇ with a <br> Tag. I wanted to use my own custom planet sigil images for each planet instead of those. Some of them are showing up as emojis too. Right now the tiny sigils are causing a big white gap in my design layout. I noticed the moon emoji was in the top left of the paragraph too, would like to get rid of that one as well. I was hoping you could put the sigils & <br> tag into something like this with a class…<span class=”planet_sigil”>☿ <br></span>
That way I could just hide all the sigils through visibility: hidden;
Here’s my current work in progress if you want to see what I mean, I’m trying to close the gap between my planet sigil image and title and the paragraphs and close the big gap I’m getting and dont want repeating symbols closely together like that either.
Here’s my Aries page…
https://astralmystic.com/aries-daily-horoscope/Thanks so far for all your amazing work! I’m thoroughly enjoying this plugin so far and I’m looking forward to seeing what else you do with it in the future! Thanks for all your quick fixes and frequent updates! Hope you can help me! Thanks, Have a Good New Year Nick!
-
This topic was modified 1 month, 2 weeks ago by
Leo Mystic.
The page I need help with: [log in to see the link]
-
This topic was modified 1 month, 2 weeks ago by
-
Hi Leo Mystic!
Thanks for your request and feedback. Give me a few days to crank on these and I will update my progress in this request. Take care my friend and happy new year!!
NickProgress Update:
I have removed the sigils and the <br> tag altogether, I don’t think anyone is going to miss those. You will see that in the daily horoscopes that publish tomorrow evening, horoscope for 12/30/2025.
Regarding the ability to change the daily images for the weekly horoscope, that already exists, in the block editor. There is currently a Daily Images (1/8 customized) section in the block panel, expand that and you will see that you can change the default images with something in your media library. I tested it tonight and its working for me. Try it out and let me know if you run into any issues.
I will next work on the ability to set the Day/Date text to a heading level of your choice (h2 – h5) in the block editor as well. After that a short code for the individual days in the weekly horoscope. I will update you in this request.Progress Update: When using the Weekly Horoscope Block, the ability to set the heading level for the The week ahead, Sunday, Monday, etc. already exists.
Changing Section Heading Levels
To change the heading style for daily sections (Week Ahead, Sunday, Monday, etc.):
Select the Weekly Horoscope block- In the right sidebar, find Horoscope Settings
- Look for the Section Headings dropdown
- Choose from: Bold Text (default), H2, H3, or H4
It adds the class ez-weekly-section-heading that you can use to further stylize those headings.
Progress Update: Short Code for Weekly Horoscope Individual Sections. Please see previous updates if you haven’t already. This has been completed and is available in the latest version (2.2.2.29).
@leomysticmagic – Would you please be so kind as to give a review for EZ Horoscope regarding our support. I would really appreciate it and it would help potential clients understand the level of support that we provide.
It will only take a minute you can use this link:
https://wordpress.org/support/plugin/ez-horoscope/reviews/#new-post
Thank you so much!
Now for the short code that you requested…
These can be added to the page as follows:[ezhp_ezhoroscope_weeklysection sign=”leo” section=”week-ahead” language=”en”][ezhp_ezhoroscope_weeklysection sign=”leo” section=”sunday” language=”en”][ezhp_ezhoroscope_weeklysection sign=”leo” section=”monday” language=”en”][ezhp_ezhoroscope_weeklysection sign=”leo” section=”tuesday” language=”en”][ezhp_ezhoroscope_weeklysection sign=”leo” section=”wednesday” language=”en”][ezhp_ezhoroscope_weeklysection sign=”leo” section=”thursday” language=”en”][ezhp_ezhoroscope_weeklysection sign=”leo” section=”friday” language=”en”][ezhp_ezhoroscope_weeklysection sign=”leo” section=”saturday” language=”en”][ezhp_ezhoroscope_weeklysection sign=”leo” section=”summary” language=”en”]
See this page for an example:
https://ezhoroscope.com/weekly-horoscope-sections/
And these can be styled using this comprehensive css. Note: The images defined in the block are not available to the short codes so you will need to define them in the css as in the example below:/**
* =============================================================================
* EZ HOROSCOPE - WEEKLY SECTION SHORTCODE CSS EXAMPLES
* =============================================================================
*
* This file provides example CSS for styling the weekly horoscope section
* shortcode: [ezhp_ezhoroscope_weeklysection]
*
* AVAILABLE CSS CLASSES:
* -----------------------------------------------------------------------------
* .ez-weekly-section - Main container for every section
* .ez-weekly-section-image - Empty div for adding custom images
* .ez-weekly-section-heading - The day/date heading (h3)
* .ez-weekly-section-content - The horoscope paragraph text
* .ez-weekly-section-error - Error message container (API/validation errors)
*
* SECTION-SPECIFIC CLASSES:
* -----------------------------------------------------------------------------
* .ez-weekly-section-week-ahead - "The Week Ahead" section
* .ez-weekly-section-sunday - Sunday section
* .ez-weekly-section-monday - Monday section
* .ez-weekly-section-tuesday - Tuesday section
* .ez-weekly-section-wednesday - Wednesday section
* .ez-weekly-section-thursday - Thursday section
* .ez-weekly-section-friday - Friday section
* .ez-weekly-section-saturday - Saturday section
* .ez-weekly-section-summary - "Weekly Focus" section
*
* ZODIAC SIGN CLASSES:
* -----------------------------------------------------------------------------
* .ez-weekly-section-aries .ez-weekly-section-libra
* .ez-weekly-section-taurus .ez-weekly-section-scorpio
* .ez-weekly-section-gemini .ez-weekly-section-sagittarius
* .ez-weekly-section-cancer .ez-weekly-section-capricorn
* .ez-weekly-section-leo .ez-weekly-section-aquarius
* .ez-weekly-section-virgo .ez-weekly-section-pisces
*
* RTL SUPPORT:
* -----------------------------------------------------------------------------
* .ez-weekly-section-rtl - Applied for right-to-left languages
*
* =============================================================================
*/
/* =============================================================================
1. BASE CONTAINER STYLES
============================================================================= */
/**
* Basic container styling for all weekly sections.
* Customize padding, background, borders, etc.
*/
.ez-weekly-section {
position: relative;
padding: 1.5rem;
margin-bottom: 1.5rem;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
overflow: hidden; /* Contains floated images */
}
/* =============================================================================
2. HEADING STYLES
============================================================================= */
/**
* Style the day/date heading (e.g., "Sunday December 28.")
* Default size is similar to h3 (1.25rem)
*/
.ez-weekly-section-heading {
margin: 0 0 0.75rem 0;
font-size: 1.25rem;
font-weight: 600;
color: #333333;
line-height: 1.3;
}
/**
* HEADING SIZE VARIATIONS
* Uncomment one of these to change the heading appearance.
*/
/* H2 size - larger */
/*
.ez-weekly-section-heading {
font-size: 1.75rem;
}
*/
/* H4 size - smaller */
/*
.ez-weekly-section-heading {
font-size: 1.1rem;
}
*/
/* H5 size - even smaller */
/*
.ez-weekly-section-heading {
font-size: 1rem;
}
*/
/* Bold text only - no heading appearance */
/*
.ez-weekly-section-heading {
font-size: 1rem;
font-weight: 700;
}
*/
/* =============================================================================
3. CONTENT/PARAGRAPH STYLES
============================================================================= */
/**
* Style the horoscope text paragraph
*/
.ez-weekly-section-content {
margin: 0;
font-size: 1rem;
line-height: 1.7;
color: #555555;
}
/* =============================================================================
4. IMAGE STYLES - HIDDEN BY DEFAULT
============================================================================= */
/**
* The image div is empty by default.
* It will not display until you add a background-image.
*/
.ez-weekly-section-image {
display: none; /* Hidden until styled */
}
/* =============================================================================
5. IMAGE AS FULL BACKGROUND (Behind Content)
============================================================================= */
/**
* Example: Full background image with overlay
* The image fills the entire section, content appears on top.
*/
/*
.ez-weekly-section-sunday {
position: relative;
}
.ez-weekly-section-sunday .ez-weekly-section-image {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url('YOUR_IMAGE_URL_HERE');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0.3;
z-index: 1;
}
.ez-weekly-section-sunday .ez-weekly-section-heading,
.ez-weekly-section-sunday .ez-weekly-section-content {
position: relative;
z-index: 2;
}
*/
/* =============================================================================
6. IMAGE FLOAT LEFT (Text Wraps Right)
============================================================================= */
/**
* Example: Image floats left, text wraps around it on the right.
*/
/*
.ez-weekly-section-monday .ez-weekly-section-image {
display: block;
float: left;
width: 120px;
height: 120px;
margin: 0 1rem 1rem 0;
background-image: url('YOUR_IMAGE_URL_HERE');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 8px;
}
*/
/* =============================================================================
7. IMAGE FLOAT RIGHT (Text Wraps Left)
============================================================================= */
/**
* Example: Image floats right, text wraps around it on the left.
*/
/*
.ez-weekly-section-tuesday .ez-weekly-section-image {
display: block;
float: right;
width: 120px;
height: 120px;
margin: 0 0 1rem 1rem;
background-image: url('YOUR_IMAGE_URL_HERE');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 8px;
}
*/
/* =============================================================================
8. IMAGE CENTERED ABOVE CONTENT
============================================================================= */
/**
* Example: Image displays centered above the heading and content.
*/
/*
.ez-weekly-section-wednesday .ez-weekly-section-image {
display: block;
width: 150px;
height: 150px;
margin: 0 auto 1rem auto;
background-image: url('YOUR_IMAGE_URL_HERE');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
}
*/
/* =============================================================================
9. IMAGE AS FULL-WIDTH BANNER
============================================================================= */
/**
* Example: Full-width banner image above content.
*/
/*
.ez-weekly-section-week-ahead .ez-weekly-section-image {
display: block;
width: 100%;
height: 200px;
margin-bottom: 1rem;
background-image: url('YOUR_IMAGE_URL_HERE');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 8px;
}
*/
/* =============================================================================
10. ZODIAC SIGN-SPECIFIC STYLING
============================================================================= */
/**
* Example: Different colors or images for each zodiac sign.
*/
/*
.ez-weekly-section-aries {
border-left: 4px solid #FF5733;
}
.ez-weekly-section-taurus {
border-left: 4px solid #8B4513;
}
.ez-weekly-section-gemini {
border-left: 4px solid #FFD700;
}
.ez-weekly-section-cancer {
border-left: 4px solid #C0C0C0;
}
.ez-weekly-section-leo {
border-left: 4px solid #FFA500;
}
.ez-weekly-section-virgo {
border-left: 4px solid #228B22;
}
.ez-weekly-section-libra {
border-left: 4px solid #FF69B4;
}
.ez-weekly-section-scorpio {
border-left: 4px solid #8B0000;
}
.ez-weekly-section-sagittarius {
border-left: 4px solid #9400D3;
}
.ez-weekly-section-capricorn {
border-left: 4px solid #2F4F4F;
}
.ez-weekly-section-aquarius {
border-left: 4px solid #00CED1;
}
.ez-weekly-section-pisces {
border-left: 4px solid #7B68EE;
}
*/
/* =============================================================================
11. DAY-SPECIFIC IMAGES
============================================================================= */
/**
* Example: Assign different images to each day of the week.
* Uses float left for all days with consistent sizing.
*/
.ez-weekly-section-image {
display: block;
float: left;
width: 100px;
height: 100px;
margin: 0 1rem 0.5rem 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 8px;
}
.ez-weekly-section-week-ahead .ez-weekly-section-image {
background-image: url('https://ezhoroscope.com/wp-content/uploads/2025/02/astrology-hero-3.jpg');
}
.ez-weekly-section-sunday .ez-weekly-section-image {
background-image: url('https://ezhoroscope.com/wp-content/uploads/2025/02/sun-4.jpg');
}
.ez-weekly-section-monday .ez-weekly-section-image {
background-image: url('https://ezhoroscope.com/wp-content/uploads/2025/02/moon-3.jpg');
}
.ez-weekly-section-tuesday .ez-weekly-section-image {
background-image: url('https://ezhoroscope.com/wp-content/uploads/2025/02/venus-1.jpg');
}
.ez-weekly-section-wednesday .ez-weekly-section-image {
background-image: url('https://ezhoroscope.com/wp-content/uploads/2025/02/mercury-2.jpg');
}
.ez-weekly-section-thursday .ez-weekly-section-image {
background-image: url('https://ezhoroscope.com/wp-content/uploads/2025/02/jupiter-3.jpg');
}
.ez-weekly-section-friday .ez-weekly-section-image {
background-image: url('https://ezhoroscope.com/wp-content/uploads/2025/02/neptune.jpg');
}
.ez-weekly-section-saturday .ez-weekly-section-image {
background-image: url('https://ezhoroscope.com/wp-content/uploads/2025/02/saturn-2.jpg');
}
.ez-weekly-section-summary .ez-weekly-section-image {
background-image: url('https://ezhoroscope.com/wp-content/uploads/2025/02/astrology-hero-2.jpg');
}
/* =============================================================================
12. RTL (RIGHT-TO-LEFT) SUPPORT
============================================================================= */
/**
* Adjustments for RTL languages (Arabic, Hebrew, etc.)
*/
.ez-weekly-section-rtl {
text-align: right;
}
.ez-weekly-section-rtl .ez-weekly-section-heading,
.ez-weekly-section-rtl .ez-weekly-section-content {
text-align: right;
}
/* Flip float direction for RTL */
/*
.ez-weekly-section-rtl .ez-weekly-section-image {
float: right;
margin: 0 0 1rem 1rem;
}
*/
/* =============================================================================
13. RESPONSIVE ADJUSTMENTS
============================================================================= */
/**
* Stack images above content on smaller screens.
*/
@media (max-width: 600px) {
.ez-weekly-section-image {
float: none !important;
width: 100% !important;
height: 150px !important;
margin: 0 0 1rem 0 !important;
}
}
/* =============================================================================
14. CLEARFIX FOR FLOATED IMAGES
============================================================================= */
/**
* Ensures the container properly wraps floated images.
* Already included in base styles, but shown here for reference.
*/
.ez-weekly-section::after {
content: "";
display: table;
clear: both;
}
/* =============================================================================
15. ERROR STATE STYLING
============================================================================= */
/**
* Style the error message container.
* Displayed when API fails or invalid parameters are used.
*/
.ez-weekly-section-error {
padding: 1rem;
background-color: #fff5f5;
border: 1px solid #feb2b2;
border-left: 4px solid #e53e3e;
border-radius: 4px;
color: #c53030;
font-size: 0.95rem;
}
/* Alternative error styles */
/*
.ez-weekly-section-error {
background-color: #fffbeb;
border: 1px solid #fcd34d;
border-left: 4px solid #f59e0b;
color: #b45309;
}
*/
/* =============================================================================
16. DAY-SPECIFIC BACKGROUNDS
============================================================================= */
/**
* Example: Different background colors for each day.
*/
/*
.ez-weekly-section-week-ahead {
background-color: #f0f9ff;
}
.ez-weekly-section-sunday {
background-color: #fefce8;
}
.ez-weekly-section-monday {
background-color: #f0fdf4;
}
.ez-weekly-section-tuesday {
background-color: #fef2f2;
}
.ez-weekly-section-wednesday {
background-color: #fffbeb;
}
.ez-weekly-section-thursday {
background-color: #faf5ff;
}
.ez-weekly-section-friday {
background-color: #fdf2f8;
}
.ez-weekly-section-saturday {
background-color: #f0fdfa;
}
.ez-weekly-section-summary {
background-color: #eff6ff;
}
*/
/* =============================================================================
17. DAY-SPECIFIC BORDERS
============================================================================= */
/**
* Example: Different border colors for each day.
*/
/*
.ez-weekly-section-sunday {
border-left: 4px solid #eab308;
}
.ez-weekly-section-monday {
border-left: 4px solid #22c55e;
}
.ez-weekly-section-tuesday {
border-left: 4px solid #ef4444;
}
.ez-weekly-section-wednesday {
border-left: 4px solid #f97316;
}
.ez-weekly-section-thursday {
border-left: 4px solid #a855f7;
}
.ez-weekly-section-friday {
border-left: 4px solid #ec4899;
}
.ez-weekly-section-saturday {
border-left: 4px solid #14b8a6;
}
*/
/* =============================================================================
18. COMBINED SELECTORS (Sign + Day)
============================================================================= */
/**
* Example: Style specific combinations of zodiac sign and day.
* Useful for themed pages where sign and day both matter.
*/
/*
.ez-weekly-section-sunday.ez-weekly-section-leo {
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
border-left: 4px solid #f59e0b;
}
.ez-weekly-section-monday.ez-weekly-section-cancer {
background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
border-left: 4px solid #6366f1;
}
.ez-weekly-section-friday.ez-weekly-section-libra {
background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
border-left: 4px solid #ec4899;
}
*/
/* =============================================================================
19. TYPOGRAPHY - FONT FAMILIES
============================================================================= */
/**
* Example: Custom font families for headings and content.
*/
/*
.ez-weekly-section-heading {
font-family: 'Georgia', 'Times New Roman', serif;
}
.ez-weekly-section-content {
font-family: 'Helvetica Neue', 'Arial', sans-serif;
}
*/
/* Elegant serif style */
/*
.ez-weekly-section-heading {
font-family: 'Playfair Display', 'Georgia', serif;
font-style: italic;
}
*/
/* Modern sans-serif style */
/*
.ez-weekly-section-heading {
font-family: 'Inter', 'Helvetica', sans-serif;
letter-spacing: -0.025em;
}
*/
/* Mystical/Astrology style */
/*
.ez-weekly-section-heading {
font-family: 'Cinzel', 'Times New Roman', serif;
letter-spacing: 0.1em;
text-transform: uppercase;
}
*/
/* =============================================================================
20. BORDER VARIATIONS
============================================================================= */
/**
* Example: Different border styles for the container.
*/
/* Full border */
/*
.ez-weekly-section {
border: 1px solid #e5e7eb;
box-shadow: none;
}
*/
/* Top and bottom borders only */
/*
.ez-weekly-section {
border-top: 2px solid #d1d5db;
border-bottom: 2px solid #d1d5db;
border-radius: 0;
box-shadow: none;
}
*/
/* Thick left border accent */
/*
.ez-weekly-section {
border-left: 6px solid #6366f1;
}
*/
/* Dashed border */
/*
.ez-weekly-section {
border: 2px dashed #9ca3af;
box-shadow: none;
}
*/
/* Double border */
/*
.ez-weekly-section {
border: 4px double #d1d5db;
box-shadow: none;
}
*/
/* =============================================================================
21. GRADIENT BACKGROUNDS
============================================================================= */
/**
* Example: Gradient backgrounds for an astrology/mystical feel.
*/
/* Cosmic purple gradient */
/*
.ez-weekly-section {
background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4c1d95 100%);
color: #ffffff;
}
.ez-weekly-section .ez-weekly-section-heading {
color: #fcd34d;
}
.ez-weekly-section .ez-weekly-section-content {
color: #e0e7ff;
}
*/
/* Sunset gradient */
/*
.ez-weekly-section {
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fcd34d 100%);
}
*/
/* Ocean gradient */
/*
.ez-weekly-section {
background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 50%, #7dd3fc 100%);
}
*/
/* Rose gradient */
/*
.ez-weekly-section {
background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 50%, #fecdd3 100%);
}
*/
/* Starry night gradient with stars */
/*
.ez-weekly-section {
background:
radial-gradient(white 1px, transparent 1px),
linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #312e81 100%);
background-size: 50px 50px, 100% 100%;
color: #ffffff;
}
.ez-weekly-section .ez-weekly-section-heading {
color: #fcd34d;
}
.ez-weekly-section .ez-weekly-section-content {
color: #cbd5e1;
}
*/
/* =============================================================================
22. DARK MODE
============================================================================= */
/**
* Example: Dark color scheme for the sections.
* Apply manually or use with prefers-color-scheme media query.
*/
/* Manual dark mode class */
/*
.ez-weekly-section.dark-mode,
.dark-theme .ez-weekly-section {
background-color: #1f2937;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
.ez-weekly-section.dark-mode .ez-weekly-section-heading,
.dark-theme .ez-weekly-section .ez-weekly-section-heading {
color: #f9fafb;
}
.ez-weekly-section.dark-mode .ez-weekly-section-content,
.dark-theme .ez-weekly-section .ez-weekly-section-content {
color: #d1d5db;
}
*/
/* Automatic dark mode based on system preference */
/*
@media (prefers-color-scheme: dark) {
.ez-weekly-section {
background-color: #1f2937;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
.ez-weekly-section-heading {
color: #f9fafb;
}
.ez-weekly-section-content {
color: #d1d5db;
}
.ez-weekly-section-error {
background-color: #450a0a;
border-color: #991b1b;
color: #fca5a5;
}
}
*/
/* =============================================================================
23. HOVER EFFECTS
============================================================================= */
/**
* Example: Interactive hover effects for sections.
* Useful if sections are clickable or for visual interest.
*/
/* Subtle lift on hover */
/*
.ez-weekly-section {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ez-weekly-section:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
*/
/* Background color change on hover */
/*
.ez-weekly-section {
transition: background-color 0.2s ease;
}
.ez-weekly-section:hover {
background-color: #f9fafb;
}
*/
/* Border highlight on hover */
/*
.ez-weekly-section {
transition: border-color 0.2s ease;
border: 2px solid transparent;
}
.ez-weekly-section:hover {
border-color: #6366f1;
}
*/
/* Glow effect on hover */
/*
.ez-weekly-section {
transition: box-shadow 0.3s ease;
}
.ez-weekly-section:hover {
box-shadow: 0 0 20px rgba(99, 102, 241, 0.4);
}
*/
/* Image zoom on hover */
/*
.ez-weekly-section .ez-weekly-section-image {
transition: transform 0.3s ease;
}
.ez-weekly-section:hover .ez-weekly-section-image {
transform: scale(1.05);
}
*/
/* =============================================================================
24. BOX SHADOW VARIATIONS
============================================================================= */
/**
* Example: Different shadow styles for visual depth.
*/
/* No shadow - flat design */
/*
.ez-weekly-section {
box-shadow: none;
}
*/
/* Subtle shadow */
/*
.ez-weekly-section {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
*/
/* Medium shadow (default) */
/*
.ez-weekly-section {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
*/
/* Elevated shadow */
/*
.ez-weekly-section {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
*/
/* Dramatic shadow */
/*
.ez-weekly-section {
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
*/
/* Colored shadow */
/*
.ez-weekly-section {
box-shadow: 0 4px 16px rgba(99, 102, 241, 0.3);
}
*/
/* Inset shadow (pressed effect) */
/*
.ez-weekly-section {
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
*/
/* =============================================================================
25. SPACING ADJUSTMENTS
============================================================================= */
/**
* Example: Customize padding and margins.
*/
/* Compact spacing */
/*
.ez-weekly-section {
padding: 1rem;
margin-bottom: 1rem;
}
.ez-weekly-section-heading {
margin-bottom: 0.5rem;
}
*/
/* Spacious layout */
/*
.ez-weekly-section {
padding: 2.5rem;
margin-bottom: 2rem;
}
.ez-weekly-section-heading {
margin-bottom: 1.25rem;
}
*/
/* No bottom margin (for stacked layouts) */
/*
.ez-weekly-section {
margin-bottom: 0;
border-radius: 0;
}
.ez-weekly-section:first-child {
border-radius: 8px 8px 0 0;
}
.ez-weekly-section:last-child {
border-radius: 0 0 8px 8px;
}
*/
/* Card-like with extra padding */
/*
.ez-weekly-section {
padding: 2rem 2.5rem;
margin: 1.5rem auto;
max-width: 800px;
}
*/
/* =============================================================================
26. TEXT ALIGNMENT OPTIONS
============================================================================= */
/**
* Example: Different text alignment styles.
*/
/* Center aligned */
/*
.ez-weekly-section {
text-align: center;
}
.ez-weekly-section-heading {
text-align: center;
}
.ez-weekly-section-content {
text-align: center;
}
*/
/* Justified text */
/*
.ez-weekly-section-content {
text-align: justify;
}
*/
/* Heading centered, content left */
/*
.ez-weekly-section-heading {
text-align: center;
}
.ez-weekly-section-content {
text-align: left;
}
*/
/* =============================================================================
27. DECORATIVE ELEMENTS
============================================================================= */
/**
* Example: Add decorative touches using pseudo-elements.
*/
/* Stars before heading */
/*
.ez-weekly-section-heading::before {
content: "✦ ";
color: #f59e0b;
}
*/
/* Zodiac symbol after heading */
/*
.ez-weekly-section-leo .ez-weekly-section-heading::after {
content: " ♌";
color: #f59e0b;
}
.ez-weekly-section-aries .ez-weekly-section-heading::after {
content: " ♈";
color: #ef4444;
}
*/
/* Decorative line under heading */
/*
.ez-weekly-section-heading {
padding-bottom: 0.75rem;
border-bottom: 2px solid #e5e7eb;
}
*/
/* Gradient underline */
/*
.ez-weekly-section-heading {
position: relative;
padding-bottom: 0.75rem;
}
.ez-weekly-section-heading::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 3px;
background: linear-gradient(90deg, #6366f1, #a855f7);
border-radius: 2px;
}
*/
/* Quote-style content */
/*
.ez-weekly-section-content {
font-style: italic;
border-left: 3px solid #d1d5db;
padding-left: 1rem;
}
*/
/* =============================================================================
28. ANIMATION EFFECTS
============================================================================= */
/**
* Example: CSS animations for visual interest.
*/
/* Fade in on page load */
/*
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.ez-weekly-section {
animation: fadeIn 0.5s ease-out;
}
*/
/* Staggered fade in for multiple sections */
/*
.ez-weekly-section:nth-child(1) { animation-delay: 0.1s; }
.ez-weekly-section:nth-child(2) { animation-delay: 0.2s; }
.ez-weekly-section:nth-child(3) { animation-delay: 0.3s; }
.ez-weekly-section:nth-child(4) { animation-delay: 0.4s; }
.ez-weekly-section:nth-child(5) { animation-delay: 0.5s; }
.ez-weekly-section:nth-child(6) { animation-delay: 0.6s; }
.ez-weekly-section:nth-child(7) { animation-delay: 0.7s; }
*/
/* Subtle pulse on image */
/*
@keyframes pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.8;
}
}
.ez-weekly-section-image {
animation: pulse 3s ease-in-out infinite;
}
*/
/* Shimmer effect for loading state */
/*
@keyframes shimmer {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
.ez-weekly-section.loading {
background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
background-size: 200% 100%;
animation: shimmer 1.5s infinite;
}
*/Now for something really special, check out the voice ai feature:
https://ezhoroscope.com/astrology-voice-ai-for-wordpress/
Your EZ Horoscope Premium subscription, includes a free Seed Tier Level subscription to the Brilyi AI Voice Agent Platform. You should receive an email with a promo code shortly (check your spam folder). Use this to register an account on the Brilyi platform, you can use this as an astrologer, a fortune teller, a mystic guide, or a product expert for your retail offerings.Hey Nick Thanks for responding and taking the time to do that for me. I still can’t get the shortcodes to work though. I’m getting “Invalid zodiac sign specified” for any sign I try to use… I’m using this shortcode. Any way to help me get it to work? thanks
[ezhp_ezhoroscope_weeklysection sign=”aries” section=”week-ahead” language=”en”]
Also for the Numerology Analysis Page I’m having a couple issues… I used a short code in my elementor page builder. I’m trying to edit the font size, style and color but I you have all these set to important and I haven’t been able to get any of my css to listen to my rule even I set my own !important. How can I customize the font style, color and size for the numerology reports? Also I found a weird quirk as well with the numerology page, The entry form will show up fine sometimes and then other times it will be sitting in an iframe window until I refresh the page. Do you know why it could be doing that? Thanks, here’s the code in question…
.ez-hero-text, .ez-hero-text h1, .ez-hero-text h3, .ez-hero-text p, .ez-hero-text strong, .ez-hero-text em, .ez-enneagram-text h2, .eztype-flexbox-section h2, body, h2, h3, h4 {
color: #000000 !important;
}
.ez-hero-text p, .ez-enneagram-text p, .eztype-flexbox-content, body {
font-size: 14px !important;
}
.ez-hero-text, .ez-enneagram-content, .ez-enneagram-text, .eztype-flexbox-section, .eztype-flexbox-content, body {
font-family: Arial, sans-serif !important;
}I noticed on the zodiac compatibility reports that it was showing my correct body font-family. but not on the numerology.
Hi,
Regarding the new weekly section short codes,
I see the issue. The “not working” version uses curly/smart quotes (” “) instead of straight quotes (” “).
Not working: “aries” – curly quotes (Unicode)
Working: “aries” – straight quotes (ASCII)
This sometimes happens when users copy/paste from:
Microsoft Word
Google Docs
Apple Pages
Some email clients
Websites that auto-format quotes
Try copying and pasting from below to a plain text editor…[ezhp_ezhoroscope_weeklysection sign="leo" section="week-ahead" language="en"]
[ezhp_ezhoroscope_weeklysection sign="leo" section="sunday" language="en"]
[ezhp_ezhoroscope_weeklysection sign="leo" section="monday" language="en"]
[ezhp_ezhoroscope_weeklysection sign="leo" section="tuesday" language="en"]
[ezhp_ezhoroscope_weeklysection sign="leo" section="wednesday" language="en"]
[ezhp_ezhoroscope_weeklysection sign="leo" section="thursday" language="en"]
[ezhp_ezhoroscope_weeklysection sign="leo" section="friday" language="en"]
[ezhp_ezhoroscope_weeklysection sign="leo" section="saturday" language="en"]
[ezhp_ezhoroscope_weeklysection sign="leo" section="summary" language="en"]Let me know if you are still having problems, and we can see about trying to add some type of filter to auto convert the quotes.
So the old short codes including for numerology and zodiac compatibility use iframes to display their content. All of those were replaced with guttenberg blocks which have options and settings for basic styling features. In addition to the basic styling features in the block editor you can use css with those blocks. Here is the style guide which has examples:
https://ezhoroscope.com/style-reference-ez-horoscope-blocks/
Try to use the blocks instead of the legacy short codes. Let me know if you have any issues.Alright that worked! Thanks. question, is there a way you can create a shortcode for the title too? I need to have this title for each sign if possible so that title date updates. I lose that title when using the short codes since its baked into the block editor version. Hope you could help me with that. Thanks.
Cancer Weekly Horoscope December 28 – January 3
Would you please be so kind as to give a review for EZ Horoscope regarding our support. I would really appreciate it and it would help potential clients understand the level of support that we provide.
It will only take a minute you can use this link:
https://wordpress.org/support/plugin/ez-horoscope/reviews/#new-post
The latest request is complete and is available in 2.2.2.31, use it like this…[ezhp_ezhoroscope_weeklysection sign="leo" section="title" language="en"]Hey Nick, I’m getting an error on google chrome console after making the weekly page with the shortcodes. All the paragraphs and title shows up fine but I’m getting this error. I was trying to make parallax rotation on my images and they work fine on a normal page but as soon as I add the shortcodes the parallax wont work anymore and chatgpt told me its because of possible .js errors. thats when I disabled the shortcodes and the parallax worked again. Could you possible fix this eror that’s happening?
Here’s a link to the page I’m having the issue with… https://astralmystic.com/aries-weekly-horoscope/
-
This reply was modified 1 month, 2 weeks ago by
Thank you for reporting that ! I am digging into it now and will update you as soon as I have a fix.
This is now resolved with version 2.2.2.32. Thanks again for reporting this!
I have a quick question about the daily pages… For example on this page https://immortalembrace.com/aries-daily-horoscope/
You have the titles like “The Waxing Gibbous Moon is in Gemini” & “Sun in Capricorn in the 10th House” etc for the planets titles… I noticed that you get that on the imported version of the daily pages for each sign when using the block editor version. However Im using the shortcodes for the description [ezhp_ezhoroscope_section sign=”aries” section=”sun-item” language=”en”] and couldn’t find a shortcode for the titles. Is there any way to get shortcodes for the titles as well? I apologize for asking for so many shortcodes, I just would like to have the aspects too. Thanks
You must be logged in to reply to this topic.
