percept0

Emranemranx,

Thank you for responding, however – My issue is slightly different.

I’m still trying to get rid of the hover effect, but it is for TEXT and IMAGES that move when you hover over them that have links embedded in them. This is not in the main menu, but throughout the entire site for words or images embedded with a link.

How do I turn off this hover effect for embedded links?

Thanks!
Percept0

Emranemranx,

The website is https://www.perceptions.us.

This is a different problem than you mentioned above.

The problem exists on links established through the text editor. When words or images are linked to a website there is an animation/transition effect when you hover over the linked item. In this case specifically: on the Literary Consulting and Literary Editing pages I have a sidebar that offers Literary Resources. Each item is linked to a website offering information, goods, or services.

The top item for the book moves the linked author name side to side and the image moves down approximately 30px (through an animation or transition effect) when you hover over them.

The same happens for the second image which is linked to a video.

The third image moves left to right when you hover over it for a service.

I need all of theses animations to stop.

Thanks! Your help is so appreciated. I would hate to scrap this theme because of this seemingly minor issue.

My issue is slightly different.

I’m still trying to get rid of the hover effect, but it is for text and images that move when you hover over them that have links embedded in them.

How do I turn off this hover effect for links?

Thanks!

Thank you for your reply. And so quickly! This helped return the responsive design, however – it returned the sidebar size to about 1/3 of the page which is far larger than I would like.

The custom css deletes the width:74.36% see below

@media (min-width: 768px)
#primary {

}

in the Appearance > Theme Options > Custom CSS it will remain, but the width does not stick. It remains at about 1/3 of the page, which is also the normal sidebar size without any changes.

Any other suggestions?

Thanks!

Hi there,

I used the code below to adjust my sidebars to 25%. This was done in the CSS editor.

.aside {
width: 25%;
}

#primary {
width: 870px;
}

#sidebar-primary {
width: 300px;
}

However, this disabled responsive design. I am still looking for a better alternative because I need to maintain the responsive design.

I would like my sidebars to only be about 25% of the page width.

Maybe this will help you or someone will have a better suggestion?

I currently am using the code listed below but it still isn’t lining up with my sidebar and then makes spacing odd all around.

Code:
.content {
padding: 0;
}

.entry-content {
margin-top: -45px;
}

Igale,

My Hero! Thank you! It worked perfectly.

Now, do you by chance know how to get rid of the extra padding that is between the header and the content box?

Igale,

Could you please let me know how you got rid of it? I’m still struggling and can’t find an answer that works so far.

I’m also using pagebuilder.

Thanks!

Igale,

Could you please let me know how you got rid of it? I’m still struggling and can’t find an answer that works so far.

I’m also using pagebuilder.

Thanks!