• Plans & Pricing
  • Log in
  • Get started
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress 
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Get started
  • Sign up
  • Log in
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress  
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Jetpack App
  • Learn more
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Search
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Forums / Beacon theme

Beacon theme

  • Unknown's avatar
    journalsoftheworld · Member · Jun 7, 2017 at 12:08 pm
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hi there,

    i was wondering if its possible to;

    -change the size of the header (make it larger)

    – make the logo size bigger

    -CSS to be able to move title and logo left or right

    -make title size smaller just on phones, as the lettering get cut off.

    -change the colour of the header (the dark grey/blue) (cant seem to find the option on the customize section)

    -remove the two coloured lines on either side of the header image

    -is it possible to make the footer a different colour to rest of website page

    -round off pictures on homepage for each post icon instead of them being square.

    sorry there are a lot of requests, but any help would be greatly appreciated!

    Thank you,

    Preeya

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member · Jun 7, 2017 at 7:49 pm
    • Copy link Copy link

    Hi Preeya, I see a lot of CSS related to the header area in your custom CSS right now. Have you gotten things where you want them with that CSS?

  • Unknown's avatar
    journalsoftheworld · Member · Jun 8, 2017 at 2:29 am
    • Copy link Copy link

    hi

    on the category tab in the header, when you hover over it the text is invisible, is there a CSS to change the colour of this text?

  • Unknown's avatar
    thesacredpath · Member · Jun 8, 2017 at 3:46 am
    • Copy link Copy link

    Hi, add the following to your custom CSS and adjust the color as desired.

    .masthead .menu li ul li a, .masthead .menu li ul li a:visited {
    	color: #000 !important;
    }
  • Unknown's avatar
    journalsoftheworld · Member · Jun 8, 2017 at 9:53 am
    • Copy link Copy link

    Thank you,

    is it possible to make the text white and the drop down menu padding black, but also to be able to adjust the paddings opacity?

    thanks,

    Preeya

  • Unknown's avatar
    journalsoftheworld · Member · Jun 8, 2017 at 7:28 pm
    • Copy link Copy link

    I’ve managed to do it!

  • Unknown's avatar
    thesacredpath · Member · Jun 8, 2017 at 10:03 pm
    • Copy link Copy link

    Hooray and you are welcome! Let us know if you have additional questions.

  • Unknown's avatar
    journalsoftheworld · Member · Jun 9, 2017 at 12:29 am
    • Copy link Copy link

    hi again, is it possible to add a grey rectangle background behind each category on the home page? So the post with the description and the 4 thumbnails below would be on top of a grey backing which is then on top of the beige background.

    Thanks

  • Unknown's avatar
    thesacredpath · Member · Jun 9, 2017 at 4:49 am
    • Copy link Copy link

    I see 5, one large and 4 smaller posts under 3 different sections, Familiar Faces, and Behind the Brand. Do you want a grey background behind each of those? If so, try this.

    .summary-category {
    	background: #bbb;
    	padding: 20px 20px 0;
    	box-sizing: border-box;
    	margin-bottom: 40px;
    	border-radius: 10px;
    }

    If you are talking about something else, let me know.

  • Unknown's avatar
    journalsoftheworld · Member · Jun 9, 2017 at 9:47 am
    • Copy link Copy link

    worked perfectly, thank you!

    would it be possible to change the colour of the text on the the 4 smaller posts to white, and maybe slightly larger.

    Thanks

  • Unknown's avatar
    journalsoftheworld · Member · Jun 9, 2017 at 10:48 am
    • Copy link Copy link

    Is it anyway possible to make the feature image and header static, so when you scroll the rest of the website scrolls over it?

    Preeya

  • Unknown's avatar
    thesacredpath · Member · Jun 9, 2017 at 7:11 pm
    • Copy link Copy link

    Preeya, to make the text in the category summary sections white, add the following to your custom CSS.

    .summary-main .entry-title .dark {
    	color: #fff;
    }
  • Unknown's avatar
    journalsoftheworld · Member · Jun 13, 2017 at 6:55 pm
    • Copy link Copy link

    thanks it worked great

    on the main page is there a way of reducing the white box on the large features so the picture and white text box are aligned

    thank you

  • Unknown's avatar
    thesacredpath · Member · Jun 14, 2017 at 1:55 am
    • Copy link Copy link

    Are you talking about on Familiar Faces? What is making that one longer than the others is the amount of text in it vs. the other two since the images are all the same size.

  • The topic ‘Beacon theme’ is closed to new replies.

Tags

  • Beacon
  • footer
  • Header
  • logo
  • phone
  • title

About this topic

  • In: CSS Customization
  • 2 participants
  • 13 replies
  • Last activity 9 years
  • Latest reply from journalsoftheworld

Couldn't find what you needed?

Contact us

Contact us

Get answers from our AI assistant, with access to 24/7 expert human support on paid plans.

Browse our guides

Browse our guides

Find step-by-step solutions to common questions in our comprehensive guides.

WordPress.com

Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Professional Email
  • Website Design Services
  • WordPress Studio
  • Enterprise WordPress
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • WordPress.com Blog
  • Business Name Generator
  • Logo Maker
  • WordPress.com Reader
  • Accessibility
  • Remove Subscriptions
Help
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
  • Developer Resources
Company
  • About
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users
DeutschEspañolFrançaisBahasa IndonesiaItalianoNederlandsPortuguês do BrasilSvenskaTürkçeРусскийالعربيةעִבְרִית日本語한국어简体中文繁體中文English

Mobile Apps

  • Download on the App Store
  • Get it on Google Play

Social Media

  • WordPress.com on Facebook
  • WordPress.com on X (Twitter)
  • WordPress.com on Instagram
  • WordPress.com on YouTube

Automattic

Automattic
Work With Us
    • WordPress.com Forums
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions