Support » Theme: Nisarg » MENU FONT SIZE

  • Resolved Eva Jacinto

    (@eva-jacinto)



    Hello,

    I wonder if it is possible to change the font menu. I would like to be more visible, and put it in a bigger font and bold.
    The site I need help is this: https://www.cf-evajacinto.pt/

    Thank you so much
    Eva J

    The page I need help with: [log in to see the link]

Viewing 15 replies - 16 through 30 (of 31 total)
  • Or are you talking about the underline accent color below the site title and page titles?

    I mean both.

    My best guess is that your child-theme creation also created a new style.css file with some content that it should not have had.
    If you go in the Dashboard to Appearance -> Editor and then (while having the child theme activated) check the Stylesheet (style.css) does that include anything beyond this:

    /*
    Theme Name: Nisarg Child
    Theme URI: http://falgunidesai.com/Nisarg
    Description: Nisarg Child Theme
    Author: Falguni Desai
    Author URI: http://falgunidesai.com
    Template: nisarg
    Version: 1.0.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: pink,orange,blue,green,yellow, gray, white,black,light,two-columns, right-sidebar, responsive-layout, theme-options, custom-background, custom-header, custom-colors, custom-menu, featured-images,  post-formats, sticky-post, translation-ready, rtl-language-support,threaded-comments
    Text Domain: nisarg-child
    */

    Preferably something that you did not add yourself? If so there should be something included that adds the underlines – that is at least the best reason I can see why you could have them in the first place.
    (If the child-theme is activated right now then I cannot spot any underlines of headlines or similar on your blog from Firefox / Chrome / Safari)

    Hope this helps a little bit.

    Lille Ulven

    What I found there is this:

    /*
    Theme Name: Nisarg Child
    Theme URI: http://falgunidesai.com/work/nisarg-a-wordpress-theme/
    Template: nisarg
    Author: Falguni Desai
    Author URI: http://falgunidesai.com/
    Description: Nisarg is a new fully responsive and translation ready theme that allows you to create stunning blogs and websites. Theme is well suited for travel, photography, recipe, design, art, personal and any other creative websites and blogs. The theme is developed using Bootstrap 3 that makes it mobile and tablets friendly. It has various options in WordPress Customizer to change look of the theme. Theme customizer can be used to add your own header image of flexible height, background image, to set background color, header text color and accent color(Supports seven different accent colors). Theme supports eight post formats, such as: Video, Image, Aside, Status, Audio, Quote, Link and Gallery.
    Tags: flexible-header,two-columns,right-sidebar,theme-options,custom-colors,custom-background,custom-header,custom-colors,custom-menu,featured-images,post-formats,sticky-post,translation-ready,rtl-language-support,threaded-comments,featured-images,sticky-post
    Version: 1.2.8.1.1519254606
    Updated: 2018-02-21 23:10:06

    */

    I added the remove underline piece suggested by Goldfishflake, and it looks much better. Still there is the problem of the head title, in a different font and size. Is it possible to change it?
    Now I will try to do what I asked first place: to put the menu under the header.

    Thank you all
    Eva

    • This reply was modified 5 months, 3 weeks ago by  Eva Jacinto.

    OK, things are getting weirder by the minute.
    This means that all you have in your child-themes stylesheet is a comment, so your main-themes stylesheet should be used completely.
    So the size of your fonts and the underlines must then derive from either your main-themes stylesheet – which makes no sense as they are not visible, – from the php-code – which makes no sense as it then would be the same for all of us (unless you have some customizations done to that) – or, and this is the last resort, your browser. Slowly but more certainly this is the only thing that starts making sense.
    Do you have the child-theme active on your blog right now?
    If so this is what I see in Safari/Chrome/Firefox: your blog from Safari
    So I start wondering if what you see is different from what I can see…

    It is active now

    That is very weird. The child theme was not active and the image you have is what I see when child theme is active…. I don’t like it.
    So, what i am seeing when the child parent is active must be different from what you see. I am using Chrome.

    Sigh…

    I have just uploaded (same link) what I see in Chrome version 64.0.3282.167 right now – it looks no different than the first one to me.

    Phew…
    Have you recently cleaned out your cache, just to make sure that the site is actually new loaded from the web and not from your browser’s cache?

    Also I found references to
    a:visited{text-decoration:underline}
    and
    a:hover{text-decoration:underline}
    in your inherited CSS from your master theme. It looks like as if Jetpack and a few other plugins would try to change the css. You could overrule that by adding
    a:hover, a:visited{text-decoration:none !important}
    to your child themes style.css, just to make certain that it vanishes completely.

    Right now i activated the parent theme. Can you see if it looks different?

    With the parent-theme, the background color has changed slightly to a light grey tone. But otherwise, I cannot spot a difference in text size or underlines.

    But I see a more elegant font with bigger size on the head title. Also, the text posts are smaller and the font looks calibri and in the child theme looks arial (not sure, just seems to be). I cleaned the cache. What shall I do? Change the theme? Do you know any similar themes? With a better menu, more centred and visible.

    Wait…
    You are right, if I look very carefully at the fonts there is a tiny difference.

    OK…let me see what we might have to add to your child’s stylesheet then:

    body, button, input, select, textarea {
            font-size: 18px;
    	font-weight: 400;
    	font-family: 'Source Sans Pro',sans-serif;
    }
    
    h1, h2, h3, h4, h5, h6 {
    	color: #212121;
    	font-family: 'Lato',sans-serif;
    	font-style: normal;
    	font-weight: 400;
    }
    
    h2, .h2 {
    	font-size: 30px;
    }
    
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    	line-height: 1.1;
    }
    
    .main-navigation ul { /*Centering your menu*/
    	display: block;
    	float: none;
    }
    
    .site-title { /*Adjusting your sites title*/
    	color: #fff;
    	font-size: 3.5em;
    	font-weight: 700;
    	text-transform: uppercase;
    	letter-spacing: 10px;
    	margin-top: 0;
    	margin-bottom: 0;
    	text-shadow: rgba(255,255,255,.1) -1px -1px 1px,rgba(0,0,0,.5) 1px 1px 1px;
    }

    This doesn’t explain why your child theme is not taking on the parent’s settings when it has none of its own, but at least it is worth trying to force the child theme to do as you want it to do.

    Check it.

    Here is something weird going on, the changes made by the CSS that I gave you do not seem to show up on your site at all.
    Did you add them to your child-themes style.css or did you add them somewhere else?
    From what I can see in the web developer tools it looks as if your child-theme’s style.css file does not contain anything but the comment that initially comes with it. That, however, is listed twice???
    I am starting to wonder if there is something messed up on your file structure, but I cannot pin-point as to where that should be.

    I had them to the child theme.
    I’ll wait for a Nisarg update. For now i’ll keep the parent theme.

    Thank you so much.
    Eva J

Viewing 15 replies - 16 through 30 (of 31 total)
  • You must be logged in to reply to this topic.