-
AuthorPosts
-
March 31, 2024 at 8:35 am #1438823
Hello everyone
I have added a footer here
link below:is it possible that this footer is only displayed on this page (page nr 3288) is displayed.
thanks in advance
child reagards
FrancisMarch 31, 2024 at 8:51 am #1438824Excuse me
one more addendum:
that this footer is only displayed on the pc.Thank you
March 31, 2024 at 2:34 pm #1438841Hi,
This assumes that you want the footer to show only on this page at screen sizes over 1440px, feel free to adjust to a different screen size if you wish.
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (min-width: 1440px) { #top:not(.page-id-3288) #footer { display: none; } } @media only screen and (max-width: 1439px) { #top #footer { display: none; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeMarch 31, 2024 at 6:49 pm #1438848Hello Mike
Thank you very muchthat works great
can i also create another footer at page nr 3593
I would then also have to specify the title of the widgetThe current title has the name “In eigener Sache:”
or would that work differently
thanks
kind regards
FranzMarch 31, 2024 at 9:28 pm #1438852Hi,
I recommend creating different widgets in your footer and use the plugin Widget Options to show each widget on specific pages and then use css like above to hide the footer on all other pages.Best regards,
MikeMarch 31, 2024 at 10:00 pm #1438856Hello Mike
Thank you very much
I have now tried that:after the first widget
footer -column 1
still a
footer – column 2
was created.
which is added to the css as belownow there is no footer visible anymore
what am i doing wrong
thanks
kind regards
FranzMarch 31, 2024 at 10:13 pm #1438858Hi,
Try this CSS instead in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (min-width: 1440px) { #top:not(.page-id-3288,.page-id-3593) #footer { display: none; } } @media only screen and (max-width: 1439px) { #top #footer { display: none; } }
Best regards,
MikeApril 1, 2024 at 7:59 am #1438880Hello Mike
Thanks for this CSS
Now on both pages: left below:
both footers are displayed.is it not possible that on the page “bild-suchen” only the footer column 1 is displayed and on the second page “videos” the footer column 2.
Then I don’t understand why the title of the widget is displayed in bold on the “videos” page.
Thanks for your efforts
Kind regards
FranzApril 1, 2024 at 12:15 pm #1438887Hi,
This css was to be used with the plugin Widget Options that I recommended above, to show each widget only on specific pages.
This will really make it easy for you as you add more widgets for more pages, or if you change the widgets in the future.
And originally you had the widget in a single column that was full width, place both widgets in the same column so they will be centered, right now you have two half columns which will not center.Best regards,
MikeApril 1, 2024 at 1:15 pm #1438893Hi Mike
thanks for your answernow I have the widget again in a single column that goes across the whole width
However, these are now displayed on both sides
my wish would be
bild-suchen = in eigener Sache
and the other on the second page
videos = über unser Videosthanks
kind regards FranzApril 1, 2024 at 5:58 pm #1438921Hi,
You don’t want to try the plugin? I’m recommending this so you will be able to easily make changes in the future.Best regards,
MikeApril 1, 2024 at 6:35 pm #1438924ji mike
I have installed the plugin
but it is very complicated for me to configure it
my english is not so good ?what do i have to do now
best regards
FranzApril 1, 2024 at 6:44 pm #1438925I have now installed it on two other sites
but i don’t know how to set it up
that you only see it on one pagethanks for your help mike
April 2, 2024 at 12:06 am #1438937April 2, 2024 at 8:05 am #1438958Hello Mike
Thank you very much, that fits perfectlyI’ve now done the whole thing at
Link below: made
works great.then i added the widget title to the advanced styling
and made the font black.I don’t understand why this doesn’t work with video?
thanks
kind regard
Franzthe css code see below:
is that it is only displayed on the PC:what should i change so that the footer is also displayed on the tablet?
(max-width: ? px)
April 2, 2024 at 12:48 pm #1438986Hi,
To change the color of the widget title for both pages try this css:#top #wrap_all .all_colors .widgettitle, #top #custom_html-2 > h3.widgettitle { color: #000000; text-transform: none; font-size: 23px; font-weight: 200; }
to show the footer on tablet you need to change the css to show for tablet, we will say it is 768px, so use this:
@media only screen and (min-width: 768px) { #top:not(.page-id-3288,.page-id-3593) #footer { display: none; } } @media only screen and (max-width: 767px) { #top #footer { display: none; } }
some tablets are different sizes like 1024px & 1366px, but 768px should cover all of them.
Best regards,
MikeApril 2, 2024 at 1:02 pm #1438990Hello Mike
Thanks, everything fits perfectly now.Your support is always perfect
you can close this request.
kind
regards
Franz -
AuthorPosts
- The topic ‘only on this page’ is closed to new replies.