Some general questions about styling and where to edit

(1). The theme I am using is free. It offers and option to display the logo. I cannot locate where to edit the height and width of the svg file. There is also a place in the theme that offers additional css.

(2).I wrote some code in an attempt to display my images in a float manner i.e., horizontal across the page. The images still display vertical.

This is the code:

<span class="float-left"><img src="http://yonilov.com/wp-content/uploads/images/herbowl.jpg" width="340" height="270" /></span>
<span class="float-middle"><img src="http://yonilov.com/wp-content/uploads/images/yoni_steam.jpeg" width="340" height="270" /></span>
<span class="float-right"><img src="http://yonilov.com/wp-content/uploads/images/eggbowl.jpg" width="340" height="270" /></span>

(3). I want to know where to edit the lower portion of the footer (copyright area). I want to add a navigation bar and also edit the copyright info.

(4). The site consists of 5 pages and the blog roll. I would like to remove the default on page title that displays when a page is created. However, I would like the blog post title to remain and edit the font style.

  • Nithin

    Hey cornelius_butler,

    Hope you are doing good today. :slight_smile:

    (1). The theme I am using is free. It offers and option to display the logo. I cannot locate where to edit the height and width of the svg file. There is also a place in the theme that offers additional css.

    I just installed the theme, and it seems like the logo option by default, can include any images size that you upload. Easiest workaround would to upload the logo scaled to your height, or width. Or if you are looking for a CSS you could try the following:

    .site-branding {
    	width: 200px;
    	height: 200px;
    }

    (2).I wrote some code in an attempt to display my images in a float manner i.e., horizontal across the page. The images still display vertical.

    There was a
    after each image entry that was causing the it to display vertical, I have removed that. Now it displays horizontal. However, to add some margins, please add the following CSS for each class:

    .float-left, .float-middle, .float-right {
    	margin: 0 2% 0 2%;
    }

    (3). I want to know where to edit the lower portion of the footer (copyright area). I want to add a navigation bar and also edit the copyright info.

    That lower portion seems to be a hook, the function being executed is spa_and_salon_footer_credit located under /wp-content/spa-and-salon/inc/extra.php

    You can remove it by adding the following function in your child themes functions.php:

    add_action( 'init', 'remove_credit_footer' );
    
    function remove_credit_footer() {
    	remove_action( 'spa_and_salon_footer', 'spa_and_salon_footer_credit' );
    }

    You can then add your own function, in your functions.php file, based on that code in extra.php:
    For Example:

    add_action( 'spa_and_salon_footer', 'credit_footer_text' );
    function credit_footer_text {
    	// your content goes here
    
    }

    (4). The site consists of 5 pages and the blog roll. I would like to remove the default on page title that displays when a page is created. However, I would like the blog post title to remain and edit the font style.

    Please add the following CSS, to hide the home page title:

    .home #primary .page .entry-header .entry-title {
    	display: none;
    }

    You can add the all the give CSS in the Additional CSS section in your customizer, would highly recommend that you make other changes the theme using a Child theme, so that it won't be overwritten when you update your theme.

    I don't see any option to edit the font style via the theme, could you please specify what style you are looking, so that we could provide an exact CSS.

    I hope these helps. Please do let us know if you still need any further assistance. Have a nice day. :slight_smile:

    Kind Regards,
    Nithin

  • cornelius_butler

    Nithin my man, thanks bunches! Still a few issues though:

    2). I am not sure what you are referring to as the issue with the images displaying horizontal. I see that the first row of photos is now displaying this way, but I cannot figure out what you did so that I can do the others this way.

    3). In order to edit the footer does both lines of code need to be used if I am going to display what I want there? I need to remove it in order to edit?

    4). I used the code to remove the home page title, however the title is still on all the other pages. I would like this title removed from each page.

    5). The font that we used to make the logo is called Austie Boost Flowers...it was downloaded from dafont.com. I would like to use this font as the default for the blog post titles.

  • Nithin

    Hi cornelius_butler,

    Hope you are doing good today. :slight_smile:

    2). I am not sure what you are referring to as the issue with the images displaying horizontal. I see that the first row of photos is now displaying this way, but I cannot figure out what you did so that I can do the others this way.

    It seems like the what I wrote got omitted, there were break tags, that was causing the images to display vertically, instead of horizontally.

    Example:
    <br>

    You just have to make sure to add the images without any space, or a new line in the default WordPress editor(Text Mode), and it should work fine. Please do check, and see how that goes, and let us know if you still have problems with making that work.

    3). In order to edit the footer does both lines of code need to be used if I am going to display what I want there? I need to remove it in order to edit?

    Easiest would be to just edit these text in the footer, in the theme file, and that would be under /wp-content/spa-and-salon/inc/extra.php, and inside spa_and_salon_footer_credit function. However, if you update the theme when a new version is made available, all these changes would get overwritten.

    The code what I had provided before, is meant to be used in the Child Theme, so that the code will first remove these text in the footer, and then you can add your own content after that, as mentioned in my previous reply.

    4). I used the code to remove the home page title, however the title is still on all the other pages. I would like this title removed from each page.

    Please try the following CSS code then, and see whether it works:

    #primary .page .entry-header .entry-title {
    	display: none;
    }

    5). The font that we used to make the logo is called Austie Boost Flowers...it was downloaded from dafont.com. I would like to use this font as the default for the blog post titles.

    You'll have to define the font once you have downloaded it, for EG:

    @font-face {
        font-family: Austie;
        src: url(filename.ttf);
    }
    
    .blog .post .entry-header .entry-title {
    
    	font-family:Austie;
    
    }

    The font family name Austie is just an example, you can add your own name, please check this link more info on the above CSS.
    http://www.w3schools.com/css/css3_fonts.asp

    I hope this helps. Please let us know if you still need any further assistance, have a nice day :slight_smile:

    Kind Regards,
    Nithin

  • Rupok

    Hi cornelius_butler,

    We would be glad to check this for you, but for doing this, we need to get Support Access enabled. Would you mind allowing Support Access so we can have a closer look at this?

    To enable support access you can follow this guide here:
    http://premium.wpmudev.org/manuals/wpmu-dev-dashboard-enabling-staff-login/

    Please confirm here when you are done granting Support Access. I'm looking forward to hearing from you and resolving this issue as soon as possible.

    Have a nice day. Cheers!
    Rupok

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.