Go to the following link and give me idea how to do this thing in word-press.Here is link http://www.coursesearch.unimelb.edu.au/#/?PathId=16&List=interests
all boxes are written in the html, they are then hidden with display: none and set dislay: vsible with anchor tags. e.g. a link item sets display:visible whatever other box you decide. This is jquery by the way, not a plugin, no a wordpress, not a cms issue.
Related
On my wordpress website, I am using NewsCard theme referring this youtube tutorial.
I have added categories to Menu but I am running into a strange problem.
As visible in the below image, I am getting huge gutters between the news cards which is ugly and resulting into the cards layout as very long vertical post cards.
Can someone help me resolving this? I am not able to figure out what I am doing wrong here. I was using generatepress theme earlier.
The more natural layout should be:
Thanks in advance.
In the file https://examtipsindia.com/wp-content/plugins/gp-premium/blog/functions/css/style.min.css?ver=1.12.2 this rule is adding the issue
.generate-columns.grid-50, .grid-sizer.grid-50 {
width: 50%;
}
I can't see without accessing your admin the best way to add a custom CSS rule to fix the one above, but as I don't see a child theme or plugin, go to Appearance > Cutomize > Additional CSS, add the CSS below and "Publish" to save the changes:
body.archive.category #main .generate-columns.grid-50{
width:auto;
}
That should do it, but if it doesn't let me know.
I want my Wordpress website navigation menu font larger And make the font become normal type, but NOT capital letters.
I have googled it and the result said need to change the theme style.css in WordPress dashboard, based on the tips but there has another issue, the style.css in my child theme is almost blank, only a few lines with the theme description (i.e. theme name / version / templates/ author etc.) , but Not the site theme CSS. Is the theme creator hide the CSS? So why this happened? And what should I do?
please see the screenshots below.
style.css
Big thanks in advance.
Most of the themes also have a section where you can put custom CSS. You can usually find this in the Wordpress Customizer, otherwise in the theme settings. This way you are always sure it wont disapear after updating your theme. Of course you can also use a child theme, but the style.css above doesn't look like it is from a child theme.
The CSS you are probably looking for is the following:
.nav{
font-size:14px;
}
If you don't know the correct CSS selector (.nav) you can find it here. To see what styles you should use for the element you can look at the CSS Reference of W3Schools. Hope it helps you.
Use a code inspector ie. Chrome dev tools to make the changes you want to the existing style and copy/paste that code into your child theme stylesheet.
EDIT
In Chrome for example, open the code inspector using ctrl+shift+i might be different on a mac, I don't know. by default it will show you your html markup and your css styles below. Locate the element you want to change either by finding it in the html portion or using the selector tool (top-right of the developer window) and selecting the element you want to change on your page.
That will show you the css for that element that you can modify as you wish underneath. Once you are satisfied with the styles you have changed/removed/added, you can copy that code to your child theme css.
Other than that, I can only suggest you find some resources and videos on using dev tools to help you out. If you are building a child theme you will need to be using them significantly.
PS. One more thing to note is that some wp themes have some code that you can only really change with a plugin or by writing custom css under the customizer.
You can figure out exactly what you need to write in the custom css area by using chrome's dev tools and selecting the font you want to change.
in my wordpress blog using theme "hueman" I added a logo.
I looked with firebug in the code and saw that the logo is set as h1 tag on every page. I would like to remove this because I want the titles in the text/content to be h1.
Unfortunately I can't find the code and don't know what exaclty needs to be removed?
Using firebug it says "h1....site-title..." but in the css file I only find a page-title that is defined with h1. Do I just have to delete the "h1" here?
Thanks for helping me
BR
Heidi
I have never used the hueman theme... however if you look in the folder wp_content/themes/hueman/header.php
In word press themes the logo and top menu are normally rendered in this file and is called by the wp_header() function with in your templates.
Stewartside helped me use JQuery to create a specific function for my main navigation on my website (thanks again!). I created a child theme to add the changes to my header.php file and it has started to cause a weird layout change. My homepage should have 20px padding, which is NOT a special CSS modification, but the child theme automatically removes it. This doesn't happen with other pages on my site, just the homepage. I have also added/removed the jquery code to make sure that wasn't the problem; the style.css file for the child theme only has the "child theme" coding, no modified CSS.
Homepage: http://bostonirishclothing.com
About Us: http://bostonirishclothing.com/about-us
Is there anything that would cause this?
Get the Firebug add on for your browser (available on Chrome and Firefox). Then right click the section that is causing the issue and you can see the coding and all the relevant CSS functions including the files they are in (to the chosen section). It will also show which CSS function is being prioritised compared to the other. Then you can modify the functions or add new ones to make it work.
A dirty way to do things is to use !important however this should only be used sparingly as it can screw with other pages. An easy way to avoid that is to make the CSS function for example .entry-content { color:#fff; } becomes .post-x .entry-content { color:fff!important; }
Test things out. Firebug is amazing help when editing CSS. You can even do some of the tests in firebug itself.
I am out of options at this moment, since i do not have any idea why i have this behaviour. Working with Orchard CMS 1.4 and a custom superfish stylesheet. The behaviour is somehow differend based on how the site is accessed. Our customer has made a theme and it is as demo on a simple website at the following url.
https://assicuro.unit4demo.nl/acceptatie-1.0.1
If u browse to this url u see the menu with a image from https://assicuro.unit4demo.nl/acceptatie-1.0.1/themes/assicuro/content/images/nav-bg.jpg
This is the background of the menu when it is not hovered.
After browsing to the url, click the Home button and see the url being changed into
https://assicuro.unit4demo.nl/Acceptatie-1.0.1 (notice the capital A)
Is there anybody with some idea's how it is possible that the background image is not being showed? All tips are welcome!
It appears that the background-image is being overwritten by another CSS style:
//This is from "/Acceptatie-1.0.1/ (Line 51)"
#menu-24.sf-menu li.selected, #menu-24.sf-menu li.current {
background: #F1F1F1 !important;
}
This could also be based on the Layout files, if you are using URL Alternatives for the Layouts of different pages.
(If I remember correctly, Orchard CMS has issues dealing with URLs that contain certain characters, such as hyphens, which might be another issue to consider.)