I am trying to figure out how to change the font size of the navigation bar on my company's website: http://bicycle.ns.ca/
I've tried to edit the CSS through the theme that is currently installed but no changes occur still.
I also dived into the themes style.css file and tried various things like:
a {
font-size: 25px;
}
to no avail. Can someone point me in the right direction?
you need to edit properties of top menu tag.. try this!
.top-menu a
{
color: #6b6b6b;
font-size: 25px; <!–– Try Editing Here ––>
line-height: 12px;
display: block;
}
You can change the font site of the menu items in menu by adding the following CSS property for menu links
.top-menu a{
font-size: 12px !important;
}
Related
I have some stuff I'd like to change in my dropdown. The website is https://community.entermedschool.com/
Below is the list of things I have tried along with the code I used. But none of them seem to be working...
Increase the font size for all of the items in the dropdown menus.
Change the font-weight for all the items in the dropdown to 400.
#primary-menu * {
font-size: 17px;
font-weight: 400;
}
Auto-scale the dropdown size so that all the items fit in one line.
.sub-menu {
width: fit-content;
}
Any help would be much appreciated!
Thanks in advance!
Edit:
The dropdown with which I want these changes is the primary header which I have highlighted here:
I want all of the dropdowns to basically expand automatically so that all of the content 'breathes' in it.
Your width: fit-content; is working but there is no space left for the ::after (the right arrow >). Therefor you could add a margin-right to each li in the submenu (for example 15px) and subtract that amount from the right-property of the ::after:
.sub-menu li {
margin-right: 15px;
}
.site-header .sub-menu .menu-item-has-children:not(.hideshow):after { {
...
right: 0; //instead of 15px
...
}
It works if i change it in the dev tools...
I cannot seem to change the font size of div class="entry-content" in my WordPress site. I am using the Google Fonts plugin to add CSS Selectors but it does not seem to be changing the font of a post which is too big. I did manage to change fonts of other pages and posts using the Google Fonts plugin (h1.entry-title, p.form-submit) but it is not working for the div class.
Here is the code for change anything on that, like i have change color, font-size and padding
article .content-wrap-inner .entry-content p {
font-size: 24px;
padding: 20px;
color: #000;
background-color: rgba(0,0,0,0);
}
Try this:
.entry-content p {
font-size: 20px;
}
This will target the <p> in the .entry-content class.
I am currently building a simple prestashop webshop for some products I sell. I like PrestaShop's default bootstrap theme and there are just some minor things i'd like to adjust.
One of them is the top menu. I already changed the colors, font and added a top border but there is one thing still bugging me and i can seem to remove it!
It is the line underneath the menu items, as shown in the picture attached:
I am editting the superfish-modified.css file found in the modules --> blocktopmenu --> css folder.
All other changes I wanted to implement were also done via that very same CSS.
The (already somewhat modified) CSS file can be found here:
http://lutijn.nl/superfish-modified.css
you declare this with your css:
.sf-menu > li > a {
font: 600 18px/22px "Montserrat", sans-serif;
text-transform: uppercase;
color: #484848;
display: block;
padding: 17px 20px;
border-bottom: 2px solid #e9e9e9; }
just remove the border-bottom set it to none
I am looking to customize navigation bar on my wordpress site to have a Surrounding colour for a 'Get a demo' Menu, you can have a look at website in the below link
https://www.punchtab.com/
How can i achieve the same in my WordPress site?
Any help with this would be greatly appreciated!
Gareth
You can do this by adding background-color: #DC286D; to the header-login-nav in the css.
#header-login-nav
{
padding-right: 10px;
padding-left: 10px;
background-color: #DC286D;
}
So on your wordpress site, you would need to change it on the navigation class/id (it would depend on your theme).
EDIT:
#menu-main-menu
{
background-color: #000 !important;
}
Live link here
http://soloveich.com/pr6/
Got a couple of h2's on the site. Need the image captions on main page have different styling. Gave them a different class and styled it. Doesn't work. What did i do wrong?
Used image widget and gave class in admin panel. Looking at the source code- it got the class.
css i used
h2.mainpagelist {
margin-top: -35px;
margin-left: 25px;
font-family: tahoma;
font-size: 13px !important;
color: #414040;
}