How to change Title's font and "See More" button
-
Hello everyone!
Somebody know how to change the Title’s font in the ARCADE BASIC Theme?
Here is my test-website: https://provamarco2.altervista.org/I would like to have, also, my logo (a soccer club logo) instead of the “See More” Button.
Can someone help me?If I have need to change something in CSS, could you guide me, please?
Thank you!
Paola
-
Add the following CSS rule either with the theme’s Custom CSS option (if it has one) or by installing a CSS plugin like Jetpack or Custom CSS Manager. Do not edit the theme file’s CSS file directly.
.only-on-home.no-fittext #site-title a { font-size: 120px; font-family: 'Arial', cursive; color: #fff; }
The values above are what is currently being used. If you want to make the font smaller, change the value for font-size.
I don’t see a See more button. Did you already change it?
Hi CrouchingBruin! Thank you for responding!
Yes, I’ve changed and I could! Thank you!
I am creating this site to a friend, who would like the menu and the header a bit ‘different now: Would the sponsor’s logo in the upper left, the one of the football team at the top right and the center, the title (and under this menu bar as it is).
Is possible to change so much this theme? otherwise I leave it.My friend would like to have something like this: https://s11.postimg.org/frjsahnyr/test_header_01.jpg
Hello,
I update my situation: https://provamarco2.altervista.org/Maybe can you help me for move the main menu to the center? Now is on the left, under the images…. is it possible to move in the center of those two?
I’ve tried… But I couldn’t find the right string to modify.Thank you so much for the help!
If you still want to move the site title above the menu, then you should create a child theme and make changes to a copy of the header.php file. As I mentioned earlier, you do not want to change the theme files directly. If the theme gets updated because of a feature enhancement, bug fix, or security patch, or if the theme needs to get updated because of a WordPress upgrade, then any changes you make to the theme files will be lost. That is why a child theme is recommended if you are going to make changes. Or use a CSS plugin if you are only making CSS changes, because if you use a plugin, those changes will not be lost.
To make the menu move to the center, add this CSS rule through a plugin or in a child theme’s style.css file:
@media (min-width: 768px) { .navbar-nav { display: table; margin-left: auto; margin-right: auto; float: none; } }
You should also take a look at the site on a mobile device. The logos in the navigation bar are causing the navigation bar to hide the site title on narrow screen widths. You probably want to add some CSS to push the site title down on mobile screen widths.
Thank you so much! I’m trying…for now without no solution ??
Can you try to see if it’s work? Now I see the menu between the two logos, but still align on the left.
If it was easier to put logos on the sides of the navigation bar (left and right, but outside of the bar) would suit me to do in this way.
I am looking for the most practical way to keep the two logos on the sides, but fixed and visible for each page.
For the mobile device: I’ve seen this problem, but I’m not able to do that..Can I also set up, in some way, the homepage fixed only with the background image? (without the page where you have to write a text)
I don’t see the CSS which I suggested earlier. Where did you put it?
Can I also set up, in some way, the homepage fixed only with the background image? (without the page where you have to write a text)
You can try adding this CSS rule. I am not sure, but I think this is what you mean.
.home main { display: none; }
Maybe I’ve done something wrong :-/
I’ve insert in a CSS plugin, but Maybe I’m not able to use it -_-When I install a CSS plugin, I find 3 or 4 sheets…and I have found a string with *Insert your rule below here* (or something similar) …but doesn’t work.
Thank you for your patience. Maybe can you help me and insert these rules by yourself? I know is not your problem…and I will understand if you don’t want.
Thank you
PaolaThe site is in maintenance mode, so I can’t see it right now. Which CSS plugin did you use?
I’ve used “Simple Custom CSS”. I also removed the “maintenance mode”
When I install a CSS plugin, I find 3 or 4 sheets…and I have found a string with *Insert your rule below here* (or something similar) …but doesn’t work.
I think you might have accidentally modified the plugin’s files instead of going through the plugin’s options. Try to remove the changes that you made. Then to add CSS to Simple Custom CSS, you should go to Appearance > Custom CSS. There you should see a field with one line in it that looks like this:
1 | /* Enter Your Custom CSS Here */
Enter your new CSS rules after that line and click the Update Custom CSS button.
Hello!
Thank you so much for your help!
Yes, now it’s working! I have modified the plugin’s files……!!!!!
All works! But I’ve also need the Title upon the Main Menu, in center.. I’m trying to do alone!however I can not put logos on the outside of the menu bar ..
I should be able to bring them to the sides of the bar, but outside (and remain fixed and visible in every other page, as the menu) …like this: https://s11.postimg.org/frjsahnyr/test_header_01.jpgHow did you move the title and logo inside the navigation bar? Did you edit the header.php file? Just as a final warning, you should not modify the theme files directly through Appearance > Editor, because any theme updates in the future will remove your changes. The recommended way of making changes to a theme is to create a child theme and make a copy of the file that you want to change in your child theme. If you want to continue to modify the theme’s files, then make a back-up copy of whatever file you change so you can restore it in case of a theme update.
Add these CSS rules:
#site-navigation { background: transparent; } .navbar-nav { background-color: rgba(0, 0, 0, 0.5); }
Thank you So much, CrouchingBruin!
Now is ok, but only from PC, ’cause from smartphone the logos hide the menu.
However, thank you so much for had adjusted everything for me.Can I have some help about the Menu?
Now the menu bar scroll down on the page…..instead I need the opposite: the page flowing and the menu bar that remains stationary on top…Thank you
- The topic ‘How to change Title's font and "See More" button’ is closed to new replies.