Forum Replies Created
-
Posts
-
Hi Victoria,
Sorry about that. The new CSS is working perfectly. Thank you!
This thread is ready to be closed.
Hi Ismael,
Thank you! Please see below:
1). Yes, I was defining the excerpt manually. I deleted the manual excerpt and there is no output on the Post Slider now. The Post Slider is set to display Title and Excerpt + Read More Link. I fear I’m missing something simple. How do I get the excerpt to display?
2) This worked great. Thank you!
3) I will take a look at this. Much appreciated!
Hi Rikard,
Sorry for the delay, I’ve been sick.
The code was added to the bottom of Quick CSS in General Styling.
I followed your instructions about deleting the old CSS and JS files. No change.
Hiya Mike,
You’re exactly right. I removed the padding from the top section and it’s working perfectly. Thank you for your help, sir!
This thread is ready to be closed.
Hi Victoria,
We’re getting somewhere. The image no longer overlaps the text, but there is still padding beneath the image. An updated screenshot is provided in the Private Content.
Hi Victoria,
This works great on PC but is causing issues on mobile. There is still padding below the image and the image is overlapping the text:
I’ve included a screenshot link in Private Content.
Hi Ismael,
That worked perfectly for the aesthetic. However, the link behavior is acting strangely.
The top row of links is not clickable. For example: the Home button is above the About button. If you hover your mouse over the Home button, it directs to the URL of the About page. How can this be fixed?
As a follow-up question, how can I move the nav to be more vertically aligned to the center of the header?
– Joe
It’s been a rough day. I tore down the whole installation and had to start fresh. I’m still seeking a modification, but the new site is:
Actually, Josue — after some consideration, please go ahead and close this thread. The border works fine at the bottom of the color section. I can make this work to my advantage without needing further assistance. Thank you for your time!
Hi Josue,
Not sure what happened here. Enfold stopped recognizing all my custom CSS, so I did a hard reset and started over. The site should be back to shape now so this thread can continue. Sorry for your inconvenience.
Thanks!
– Joe
Hi Josue,
Thank you! This got me pointed in the right direction. This is what the completed code ended up looking like:
a#scroll-top-link:before { content: ""; } a#scroll-top-link { background-image: url(IMG_URL); background-color: transparent; border: none; background-repeat: no-repeat; } #scroll-top-link:hover { background-color: transparent; color: none; border: none; }Case closed, my friend. Thank you!
– Joe
That did it, sir! Glad I asked – I would’ve never figured that one out on my own. lol
This thread can be CLOSED! Thank you so much.
Hi Yigit!
Thank you! The code has corrected the overlap issue between the sticky header and image slider. However, the pesky 1px line between the slider and the color section still exists. Is there anyway to get rid of that?
Thank you,
Joe
Ismael,
That was easy! Wasn’t aware of the z-index property. Managed to modify the height / width myself, so we’re good to go.
Thank you so much,
Joe
Hi Ismael,
Went ahead and recreated the menu through Appearance -> Menus and am still having the same problem. I appreciate the assistance, but I think I may scrap the menu “as is” and start from scratch. Something is wonky there and I can’t figure it out. Thank you for your time and effort in trying to resolve the issue.
Thank you,
Joe
Hi Yigit,
The sidebar is looking well but I’m afraid it’s still not functioning properly. There is an odd linking issue that I will do my best to explain in text.
STEP 1: Mouse hovered over Verified Leads, which is correctly linking to http://verifiedinsuranceprospects.com/dev2/verified-lead-services/.
STEP 2: Drop mouse down to hover over Contact VIP, which is correctly linking to http://verifiedinsuranceprospects.com/dev2/contact-v-i-p/.
STEP 3: Drop mouse down to hover over REGISTER button, which is correctly linking to http://verifiedinsuranceprospects.com/dev2/register-for-verified-leads/. So far so good.
This is where the problem starts.
STEP 4: Mouse is brought up and hovered over “Frequently Asked Questions.” It’s like the mouse hover sticks to the Register button as it continually links to the Register page instead of converting back to the Frequently Asked Questions URL.
STEP 5: Mouse is brought back up to Services links, which continue to link over to Contact VIP. Again, its like the mouse hover “sticks” to the bottom of the second menu (“Support”).
Can this be fixed? I’ve verified that everything is linked properly in Menus, so there appears to be some other issue here. This has only been tested in Chrome so far so I’m wondering if it’s a browser issue.
Thanks as always,
Joe
Yigit,
So close to being perfect! Modifying the padding underneath the logo worked beautifully, but there is another padding issue on the sidebar.
How do I increase the padding between the bottom of the first menu (“Elite Calling)” and the heading of the second menu (“Support”)?
Also, how do I change the opacity of these menus? I’m wanting the white background to be eliminated.
Thank you, as always, for your help!
Hi, Elliott. There are some additional problems with the code you’ve offered.
The links are not linking / lining up properly. For example, clicking on “Verified leads” links over to “Contact VIP.” Everything is set properly in the menus, so I’m thinking the menu “overlay” is affecting the button position.
Secondly, the code has wreaked havoc on the Register button. This was up through Appearance > Menus > Colored button Style.
Please advise. :)
Hi Josue,
This will be close enough, I think. I appreciate your and Elliott’s help on this.
To have the CSS in my backpocket, in case the client opts to go that way, is there a way to hide the Layerslider Promobox on mobile only? That promobox has been assigned a custom CSS class of “slider-promobox.”
Thanks a bunch,
Joe
Hi Elliott,
Thanks for continuing to look into this. This fixes the line-spacing on mobile, but does not seem to correct the width of the promobox. Also, now the promobox is blocking out nearly the entire slider. Please reference the desktop / mobile pictures above from Vertafore. That’s the goal. :)
Do you think it’s possible?
Here is a current screenshot from mobile:
Hi, Elliott,
This has got us moving in the right direction. :) Three more items, please, which are highlighted in the picture below:
1. What is the CSS to resize the logo in the sidebar?
2. How do I reduce the gap from the bottom of the logo to the top of the first link (highlighted in blue)?
3. The link positioning is right, but I’d like the background to be transparent and the link color to be the same as the headings. How is this possible?
Thanks in advance!
– Joe
Hi Elliott,
This code allows the desktop view to look great. For example: right now at prospxd, the Promobox width is set at 850px.
However, this is how its showing on mobile. The text is impossible to read and the 850px extends off the slider. Can the mobile version be adjusted without affecting the desktop version?
