Forum Replies Created
-
Posts
-
Thank you for trying to help me. I inserted the code, but everything just shifted to the right cutting off the page, no scrolling, with everything at normal scale.
Sorry for really late reply, but Sarah that code worked perfect! Thank you! I have decided I am not going to worry about the image sizes per resolution for now. Rather I will focus on content. Thanks!
Hi Basilis,
What code are you referring to exactly? Here is a post – http://www.winreflection.com/uninstalling-built-in-store-applications-from-start-menu-with-powershell/
When I use the mouse curser to hover over any of the images, the text moves back to its default padding from the images. I want it so when I hover over the images, the text stays where I have set it, and that’s with the following code below:
body img.alignleft {
margin-top:10px; margin-right:75px; margin-bottom:25px
}In regards to the responsive images, you can also use the post I linked. I want the image’s px size to change depending on the resolution of the screen the user is viewing the content with, like how it does on this blog post – http://search.stillsmallvoicetriage.org/message.php?id=814&langCode=en-US
I am not sure how it can be done.
Thanks
Thanks Sarah and Victoria,
Sarah: Your code worked but the hover effect is conflicting with the padding. When putting the mouse over the image the text moves to default spacing. I have tried to remove the image hover effect with the following code:
.image-overlay {
background-color: transparent;
display: none !important;
}Which does hide it, but it does not disable it. The text still moves.
Victoria: Yes, I would like to set that up. The images sizes look just right on a 1080p screen, but viewing on lower like 768p or 1024p, the images take up too much space.
Thanks!
Hi Sarah,
Sorry for the delay. Thanks for that bit of advice, that worked. However, I am wondering about two more things.
1 – Padding/Spacing between aligned picture and text. The text is very close to the picture and would like some additional padding.
2 – Adaptive images, I think I need a plugin for this, but am wondering if it’s possible for Enfold to do it without one. Basically, the website I am trying to mimic, the featured image resolution changes based on the resolution that I am viewing it in. If I set my computer’s resolution to 1024×768, the image size with be 332×223, if I set the resolution to 1366×768 the image size will be 400×269. I am wondering how to do the same so that smaller screens aren’t forced to view huge images that take up most of the width of the page.
On my website, the images are the same size regardless of resolution.
Thanks for your help!
Hi,
I have solved issue #3 by using the custom CSS class feature. I wish I would have known about that a long time ago, would have made things so much easier. This allowed me to change alternate colors back to white and thus issue #2 with the contact form is no longer an issue as I removed the blue icon box from that page..
All is good now.
Thanks for your help.
Hi Rikard,
I have fixed #1 and reduced the padding with the following code:
span.av-vertical-delimiter { display: none!important; } h2.post-title.entry-title { padding-bottom: 0!important; }2 and 3 still remain. But when I have time I may try and find a solution. 2 & 3 are just small things, but once those are done, I won’t see anything that bothers me anymore :)
Thanks Rikard!
The 1st fix worked, and so did the third fix. The second fix worked for the home page only and not for the Blog page or Category pages. You can disregard the other issues I talked about, like the breadcrumbs and featured images not showing on mobile. I had quick CSS code modifying the size of the breadcrumbs and so when I removed that, formatting was proper on mobile, so not going to mess with that. So here are the last things I am needing help with.
1 – Removing the grey line under post title on Blog and Category pages if possible as well as the featured image corner markers that are visible.
2 – Contact page, turn “This message has been sent” text to white instead of black. I have linked to my contact page in the Private Content.
3 – In order to get my Icon Boxes to be the blue color I had to change the Main Content – Alternate Background Color to it under General Styling as that was the only way I could think to do it. However because of this, the background color of the featured images on the sidebar when using the “Enfold Combo Widget” is that blue color. If I can get that to white that would be perfect.
Thanks!
Sure thing, I have disabled Maintenance Mode for now.
I also forgot to mention that on Mobile Phones, everything looks great, but I notice on the “Blog” page when on mobile. The post featured image does not display and the post titles seems to be very large and formatting slightly off on the breadcrumbs. Is there any way to make the posts show like they do on the Home page on mobile? Sorry for the extra question.
Thanks!
I was able to figure out the category page issue. So what was happening was, the archive page was set to the same view as my blog. But…it didn’t look the same, it was centered and not left aligned. I think it might be due to not having a sidebar. I actually have a lot of Quick CSS lines for my blog layout and so obviously those won’t apply to the category page. But I decided to use a grid layout for the category pages. I feel bad now for throwing your support under the bus essentially. I guess my friends are right, I am paranoid haha. I look forward to working with the theme more, and I will recommend it.
