Wordpress page id not working on selected pages - css

I am trying to remove the slider from certain pages and it removes just fine except for one page that is running Easy Digital Downloads in the background. It is page id 102 in the below code. I can not get that page to remove the slider. This is the page https://psycheseminars.com/downloads/spirit-salt-lake-city/
body.page-id-12 .flexslider,
body.page-id-98 .flexslider,
body.page-id-99 .flexslider,
body.page-id-100 .flexslider,
body.page-id-102 .flexslider {
display: none;
}
Any help would be greatly appreciated!
Thank you!

The reason it is not working as you expect is because that page is actually a post. To change the element on that post you need to use .postid-###
The following CSS should remove the slider on that post.
.postid-102 .flexslider {
display: none;
}

Related

Best way to hide WordPress page title

I am completely new to this and am trying to learn on my own. One thing I am having an issue on finding a solution to is how to hide the page title on a WP site. I have read that leaving the page title blank, although solving the issue, may not be good in terms of SEO, so I would like to hide page titles instead.
I have tried using multiple plugins, all with no luck. Additionally, I have tried adding additional CSS code both to hide specific page titles and titles across the entire site.
The code I have been using is
.entry-title {
display: none;
}
and
.page-id-XXX .entry-title {
display: none;
}
None seem to work. Additionally, I tried to see if my theme has an option, and it doesn't.
Is anyone able to let me know what I may be doing wrong and point me in the right direction?
Use the code below to hide header.
.header-page {
display : none;
}
This will work when the header has class .header-page.
This CSS should go inside every page where you want to hide, if its site-wide add it on head.
<style>
.header-page {
display : none;
}
</style>

Wordpress page complete text gets underlined when page is hovered

I'm creating a website for myself in WordPress using Elementor free plugin and Phlox theme. I've just started and completed a couple of sections. Each section has some text, buttons and some images. The issue I'm facing here right now is that when I open the website and move my mouse pointer inside the Webpage area, the text in all sections gets underlined just like any hyperlink but there is no hyperlink with any text. I've checked settings in customizations and other stuff in theme settings but nothing helped. I'm new on WordPress and don't know how to debug this in any technical depth. Please have a look and tell me how can I fix this issue.
I can't continue with these underlined text appearing all over my page.
Link : myWebPage
Any help is appreciated.
Try this:
.csstransitions .aux-page-show-circle.aux-page-animation-done #inner-body, .csstransitions .aux-page-show-circle.aux-page-animation-done {
height: auto;
overflow: visible;
text-decoration: none;
}
Always attempt to use your browser dev tools to check these things. In your css you have this in your custom.css file. Dont know why its there but thats the cause
body:hover {
text-decoration: underline;
}

Product Title being blocked

The product title that used to be over price and swatches is not showing up. I've removed ever plugin, and deleted all the extra css, and to no avail the product title doesn't show up. Here you can find a link to a single product page from my website as an example Any suggestions on how to bring it back would be greatly appreciated.
It seems the problem is in the css class defined:
<h1 class="entry-title">The ckoos OG Tee B&W</h1>
.entry-title { display: none; }
found on line 617 on the index
just change the display back to block or inline-block.
Looking the CSS it seems this line is the cause, it is in Line 57 of your CSS
.entry-title {
display: none;
}
This is how it looks on the inspector.
and this is how it looks after I remove it.
Remove it on your CSS and I think it will solve it.

How to show sticky menu in all other pages except home page in wordpress

I would like to show sticky menu in all other pages except home page . How can I do that ? Please help Please see my site here
You can hide sticky header using css
.page-id-94 .is-sticky {
display: none;
}
Page ID - .page-id-9 -> It is unique to front page that you are using.
I hope this will help you.
Try this
.home #Top_bar.is-sticky{
position: relative !important;
}
It's better to use .home class instead of .page-id-XXX since there is a possibility the homepage may change id.

CSS help - wordpress

On this site: https://capetownvegan.com
If you look at the home page, everything is perfect,
Then look at: https://capetownvegan.com/eateries-by-suburb/
You will notice the banner being streched, I add display: none to this.
.has-post-thumbnail .entry-thumbnail {
display: none;
}
It works however it also affects the main page and the first row of blog images do not display., could anyone help figure this out?
The home page always has a class home on the body, and the other pages has the class page on the body. You can use this selector
to specify the css.

Resources