[cassie79]

HI,

I am needing some help here is my site (still creating it) http://www.kokophotography.com.au/website/

How do I make the menu button on mobile devices a different colour?

How do I remove the line between my name and the menu?

How do I make the menu just one line?

How do I change the font size of my blog excerpt?

I really want to change the layout of my blog layouts, instead of one post per line i would rather 2/3 per line with much less excerpt text (even have the text on the photo/link instead)

Can I make the menu static at the top of the screen when off homepage?

How do I add an email icon to my social media links in bottome footer menu?

[sapana]

@cassie79: Go to=> Appearance=> Customize=> Additional CSS and add the following CSS code.

-To make menu button on mobile device different color

#menu-toggle {
    background-color: #f5deb3;
}

-To remove the line between name and menu

.menu-toggle-wrapper {
    border-top:none;
}

-To make the menu one line

#primary-menu li a {
    padding-left: 15px;
    padding-right: 15px;
}
.main-navigation a {
font-size:11px;
}

-To change the font size of blog excerpt

.post-archive .entry-summary {
    font-size: 20px;
}

-To add an email icon to social media links
Go to=> Appearance=>Menus=> Edit Menus and select the Social Menu
Select on Custom Links and add following
Url= mailto:[email protected]
Link Text= Email

-To make the Menu Static off homepage and to change the layout of blogs I suggest you to hire the customizer at http://catchthemes.com/hire-customizer/
Let me know if this helps you out!
Kind Regards,
Sapana

[cassie79]

You are wonderful thank you so much!!! I dont understand all this coding and CSS stuff!!!

Everything worked except removing the line between my name and the menu.

How do I get a little envelope picture on the email social icon?

With the blog text whats the css for downsizing the font on the blog title (not the excerpt)
Where I have the words “Love Stories” can i make that smaller?
How do I center the “older post” link?

I’m having great difficulty trying to centre/align/match fonts the bottom footer widgets. Is this something you can help me with or am I best to gt a customizer?

I greatly appreciate your help XXX

[sapana]

@cassie79:Go to=> Appearance=> Customize=> Additional CSS and the following code.
-To remove the line between name and menu

.menu-toggle-wrapper {
    border-top:none!important;
}

-For downsizing the blog title font

.blog-section-headline .page-title {
   font-size:40px!important;
    
}

-To center the “older post” link

.comment-navigation .nav-previous, .posts-navigation .nav-previous{
text-align:center!important;
width:100%!important;
}

‘
-To align the footer widgets title center

.widget-title {
    text-align: center;
}

-To change the footer text font

#nav_menu-12 .menu, .entry-content, .entry-summary {
 font-family:Dancing Script;
}
.widget-area.footer-widget-area {
font-family:Dancing Script;
}

-To add little envelope picture in email link.
I just visit your site you have added http://mailto:[email protected]
Please remove the http://
Let me know if it work out!
Kind Regards,
Sapana

[cassie79]

Hi there,

Your help has been great thank you, and I have contact custom support to help with the blog layout.

Now I have swapped two footer widgets over and now the fonts have changed again. I’ve tried re entering the CSS you gave me above but its not working. Is there a new css I need?
Also is there a way to reduce the space between the widget footer link? For example the blog post links can the space between the links be smaller?

[sapana]

@cassie79:Go to=> Appearance=> Customize=> Additional CSS and add the following CSS code
_To change the footer text font.(Remove the previous code and add following code)

#nav_menu-14 .menu, .entry-content, .entry-summary {
    font-family:Dancing Script;
}
.widget-area.footer-widget-area {
font-family:Dancing Script;
}

-To reduce the space between the widget blog post links

.widget-area li {
    line-height: 1.8;
}

Let me know if this work out!
Kind Regards,
Sapana

[cassie79]

Fantastic thanks so much!!

Can you tell me why my “info” menu widget is sitting all the way over to the left? I have it placed in footer #2. I would like them to all be centred in the footer.

[sapana]

@cassie79: Go to=> Appearance=> Customize=> Additional CSS and add the following code
-To align info menu in center of the footer.

.widget-column.footer-widget-2 {
    text-align: right;
}

You can align the text to left, right and center as per your requirement.
Let me know if this is ok with you! if there’s anything else at all that I can do to help,
don’t hesitate to let me know.
Kind Regards,
Sapana

[sapana]

@cassie79: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/fotografie/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards
Sapana

[Author]

Posts