Page Customization
-
Hi there! Can you help me with the the page title? I was looking to on my featured images (other than the home page) that there is the titles centered. Can you help me by making that move to the left, and so that I could add some text right in the image below the featured title.
The blog I need help with is: (visible only to logged in users)
-
Hello!
It looks like you’ve managed to move your page title using CSS. Let me know if you still need help with that.
In terms of adding text right bellow the title, I’m afraid this isn’t possible on the inside pages. It would require editing the theme files in order to get this done. What you could do is look at a plugin option that does allow this option.
We offer the Organic Customize Widgets plugin that lets you setup a Custom Hero Widget where you can display an image as well as content over it. As you’re on the Business Plan this is possible for you, just download the plugin from here: https://wordpress.org/plugins/organic-customizer-widgets/.
If that doesn’t work, there is probably some other option that would do this for you.
Thanks!
Rebecca
-
Hi there,
Thanks so much for your help with me today. Can you also help me with my CSS in my website? I wanted if you can make all the footer widgets in columns to be straightened out. I hope you can help me, because we do want our website the best it can be. Also, the Business Plan is the best plan with WordPress.com, and I am so glad I found here. I hope that you can help me out. Thank you, and I hope a Happiness Engineer Replies back to me,Thank you,
Billy J.
SimpleWay Team -
Hi Billy J.,
I’m happy to help with some minor CSS changes. Can you confirm what exactly you mean by ‘straightened out’ the footer widgets column?
The way the footer is built is to have 4 widget areas, because you only have two in place they seem to be pushed more to one side of the page, but you would notice the difference if you added two more. See the demo site here as an example: https://purposedemo.wordpress.com/.
Are you wanting to only display two widgets in your footer and have them in equal columns? If you can confirm this we can get you the right information. :)
Thanks!
Rebecca -
-
Hi Billy,
To get the footer widgets to display in two columns and have the text centered, you’ll want to use the following CSS:
.footer-widgets .widget { width: 50%; } .footer widget, .footer-widget .widget ul.menu { text-align: center; }I believe this is what you are looking for, but if it’s not just let me know a bit more details. :)
Thanks!
Rebecca
-
Thank you. I did that. I hope you can see a difference. Also, can you help me with my fonts. So, for the base font, not the headings ; there is a font that I needed but isn’t there. Can you help me with changing the base font to “Futura PT”? That font is part of the header but not the base.
Thank you,
Billy -
Hi Billy,
You can change the font with the following CSS:
.wf-active body { font-family: "Futura TP"; }As long as that font is selected for one of the options under the Font section of the customizer, you can use it with CSS and it should load. Otherwise, you can look at using Easy Google Fonts plugin to help with changing the body font.
Thanks!
Rebecca
-
Hi there,
Thank you for your help. I appreciate that. Can you also help me with the header menu (part with the site title, etc..) to make it more transparent, and kind of like the T-Mobile headerMenu: https://www.t-mobile.com/
And lastly, can you make the menu selections cut on mobile devices. Here is an example of what I have right now:
Here is what I needed:
That is what I need, just on the right side it used to be. You should probably go on the site on a mobile device to see what i mean.
Thanks, and I hope a HAPINESS ENGINEER could respond or a staff. Thank you.
Thanks,
Jamie -
Hi Jamie,
You can change the background color of the header to make it more transparent with the following:
#header.header-large { background: transparent; }You can adjust the color code for this as desired if you want something less clear.
You can use the following to align your items left:
#wrap #header .site-title a, #wrap #header .menu a, #wrap #header .menu a:link, #wrap #header .menu a:visited, #wrap #header .menu-toggle, #wrap #header .menu-toggle:before, .mobile-menu a, .mobile-menu a:link, .mobile-menu a:hover, .mobile-menu a:visited, .page .mobile-menu a, .page .mobile-menu a:link, .page .mobile-menu a:hover, .page .mobile-menu a:visited { text-align: left !important; }If you’re looking for further customizations than this with the mobile me, you may want to consider contacting a local developer for assistance.
Keep in mind these forums are supports by Theme Authors. We’ll help you get the most of our your theme in terms of usage, bug reports or simple customizations. :)
Thank you,
Rebecca
-
Hi! I hope you can help me with one more CSS help, so I can stop asking for a while.
Can you help me remove the line right below the title in the mobile device(s), or remove the white bar completely?
Here is an example:
That will show you, since I have a page builder plugin on my site,
If your confused, it is a little strip of extra white on a mobile device and a desktop device, right below the header. -
Hi Billy,
I’m not seeing this on your site anymore. Were you able to resolve it?
Thanks!
Rebecca
-
Hi there, I just updated the featured image, You should now be able to see it in all pages without a title, such as the home page since I am using the oage builder, elementor ( a plugin)
Please reply soon.
Thank you,
-
Also, I am SO SO sorry for asking so much CSS, but can you also make the header text white please, except when it is covered by another color,
-
Hi Billy,
That’s the bottom of the small header. You can remove it completely with the following:
#header.header-small, #header.text-dark { border-bottom: none; }If you make the header text white you won’t be able to see it. I’m afraid we can’t change that to it adjusts depending on the background. Are you referring to something else?
Thanks!
-
Hi,
I am another team member with SimpleWay, and I am Sarah! I am so pleased to post here! So, we don’t need much else, but if you could help us with one last favor, and please help us with a CSS code to move + make the social buttons transparent, but make the icons white.
blob:https://wordpress.com/a7eea713-7d64-4e9d-a4c9-cf9e45968bce
That will show you what i mean.
And moving it, on MOBILE only, can you please help me by moving the social icons to above the copyright notice. *Only on Mobile*
Thanks, and this will be our last one until we really need a change, and I hope I get a reply from the same person.
Thank you,
Sarah U.
SimpleWayCares -
Hi Sarah,
You can change the color of the social icons with the following CSS:
.social-icons li a { background: transparent; color: #FFF !important; }I’m already seeing the icons display above the copyright notice on mobile. Were you able to resolve this?
Thanks!
Rebecca
-
Hi! I mean for the copyright notice to be above icons. Thanks for that part of CSS, and please help me with moving the copyright notice above the icons.
Thank you,
Sara -
Hi Sara,
I’m afraid that isn’t possible as it would require quite extensive changes to the footer template. You can replace the order in the footer.php template using a child theme if you wish, but this would require a developer if you were unsure how to proceed.
Thanks!
Rebecca
-
Hi! Thanks for your help with me with that today :)
Can I reply back here with any questions?
- The topic ‘Page Customization’ is closed to new replies.
Premium Theme Support 