I would like to make a template in css of a complete page, together with links and images, so that I can just change the nav bar of the template once only, and have it change on every page. I have searched for weeks and can't find out how to do this. I would like to rewrite my whole website using just this one template, because each time I want to add or change a link, I must go into all 200 pages...
Related
I am developing a website using a uncode theme on WordPress. I am trying to change the on hover color on the blog page/shop page specifically because it's built differently from the other pages.
Presently on hover it goes white, with white background...
www.beautinda.de
Which part of the page you want to change? Btw it should be quite easy, Wordpress attach to the html body element a lot of classes by default, and theme/plugins can add more. In those classes you will for sure find one that will hit only the blog/shop page.
After you identified which are those two classes it's just a matter of CSS using as starting selector:
body.[page-specific-class] .my-element:hover{ color: red; }
Giving a first look you could use post-type-archive-product as selector for the shop page and page-id-4302 for the blog page. Be careful that if you translate the blog page the ID will change so you may need to add another one for the translated page
I am building a small application but this is my problem, I have a landing page with a search box in the middle, this page has a footer. All this page does is query something then navigate to a listing page. In the listing page I do not need the footer anymore, but later other screen may use it. My problem i have been having so far is that if my landing page with the search bar has a background image for the body, i have to do some monkey business in my listing page to remove it as well as the footer.
Is there a way I could have a page in Angular 4, say my index.html where this has a component (other than the <app-root>), this component will have all the head and html needed for that landing page but then when i navigate to the listing one , i want to have a different body and then here add the <app-root>
but then i am not sure how my routing will work.
It comes down to be able to apply css to my body from anywhere in the app without having to do monkey business from the child components to add classes or remove them.
Bear with me, i am new to Angular4 and i am paying the price.
My basic requirement is to display one picture on a page which on clicking, displays a colorbox slideshow of all the pictures in that content type.
https://www.drupal.org/node/1026112
This is the solution I got for it. To apply display:none css for the rest of the images. For that, I need different classes for the images. I'm unable to figure out how to do so.I got a few solutions such as adding a preprocess_image function but it doesn't seem to work. Can I get some help here?
We did this in past using the "Image sets" option provided with the Lightbox2 Drupal module. We had a client request to show one image and then open a slideshow on the same page of the images associated with that content in the CMS. This module say:
If you have a set of images that you would like to group together in a
lightbox, but only wish for one of these images to be visible on your page, you
can assign the "lightbox_hide_image" class to hide the additional images. For
example:
image #1
image #2
image #3
You can create a custom node template to render the images in the required format.
Hope this will help you!
I've not used joomla much before. I'm trying to just get one page of a site that uses a Joomla template to have a different logo than the rest of the site, or even hide it. I'm mostly a Wordpress developer, so just don't know how this can be done in Joomla.
Is there a way to assign a body class to one specific page in Joomla and have it hide the element?
If you edit a menu item, you want to look under "Advanced Options" and then "Page Display Options". There is a box for "Page Class" which adds a class to the page, so a body class as you wanted.
You can then tweak your template to show different pieces in CSS based on this class.
If you want to drastically alter the page, you can also assign different templates to different pages through the template manager. This takes a little more work (since you have to install and set up another template).
This would be the preferred way to handle a lot of changes so you don't have to have lots of competing CSS based on page classes.
I'm fairly new to WordPress and I'm working on a site that was created by someone else; I've inherited the entire thing. There is a Hero Slideshow which works, but users have to click on the "tabs" then click on another image (Learn More) in order to go to the page they want; which of course is too much trouble.
I've found the code in front-page.php and I've changed how the spans and a href tags are in hopes of making the "tabs" in the Hero slideshow link directly to the associated pages. Everything looks correct and if you hover over the tabs the browser will show the correct link - however when you click on the tab it simply rotates the slideshow and doesn't actually link to the associated page. I can't find where I can change this behavior.
Anyone have any ideas?
stay well away from the php in wordpress .
just uninstall the hero slideshow and use "Cyclone Slider 2" plugin its very user friendly
easy to use , you can add and change pic and there is a lot of options on movement speeds enbed url links (etc)