Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2410965
How can I change the height and colour of the line below menu and logo?
Closed

Comments

  • dp started the conversation
    May 20, 2020 at 8:54pm

    Hi,

    1. Could you please help change the height and colour of the line that goes across my page below the menu and the logo?

    2. Would it be possible to place the top bar below the menu and logo? Also, to include a customer text in there?

    Thanks! 

  •  2,700
    PenciDesign replied
    May 21, 2020 at 3:57am

    Hi,

    1/ Please try add more this code to Customize > Custom CSS to do that:

    #navigation.header-layout-bottom {
    border-bottom: 3px solid #ff0000;
}

    Change values 3 and ff0000 to color code as you want.

    2/ Unfortunately, this theme doesn't support for this feature.


    Best Regards,

    PenciDesign

  • dp replied
    June 5, 2020 at 6:19pm

    Hi,

    Thanks for the answer. 

    1) Could you please tell how can I add text to this bar?

    2) How can I adjust the position of the bar? I want it to be more lower than the logo.

  • dp replied
    June 5, 2020 at 6:52pm

    By increasing the width of that line (30px in the code you gave below) I would like to make a bar. On that bar I would like to add some text. 

    I basically want to recreate the bar in the attached picture. Please see that. That I have created in Elementor but does not appear on all pages, but only on my homepage, because that's where I created it.

    So, I would like to increase width of that line and text on it (as on the pic attached).

    Many-many thanks in advance ! :) 

  •  2,700
    PenciDesign replied
    June 6, 2020 at 5:09am

    Hi,

    You can do all of that via Elementor.

    Let's add new section and change the padding of this section to change the height, put the "Text" element to this section to add text to this element...

    It's very simple, so let's give it a try.

    Best Regards,

    PenciDesign

  • dp replied
    June 6, 2020 at 5:56am

    yes, I know and I have already done that. Problem is that it only appears on the homepage that I have done it on. The bar does not appear for every blog post for example.  it only appears for the page which i have done it for. Obviously, i cannot do it one by one for every single blog post So elementor does not really work in this case.


    Could you please help add text through code and change the position of the like! I would very much appreciate that. 
    thanks!

  •  2,700
    PenciDesign replied
    June 6, 2020 at 10:46am

    Hi,

    If you want to make it for all pages, please try go to Appearance > Widgets > drag & drop widget "Text" to "Header SignUp Form" and add the text here.

    And check options for color/padding for header signup form via Customize > Colors for Header SignUp Form


    Best Regards,

    PenciDesign

  • dp replied
    June 6, 2020 at 11:02am

    Hi,

    Thanks a lot. This seems to work.

    1. Could you please help remove the space between the line and the blue bar that I have just put in? I would like to move this blue bar a little higher. Please see picture.

    2. Could you please help add social icons (the one from top bar) to this blue bar? Please see picture where I show it.

    Website is: www.dolgospenz.hu

    Many thanks and have a nice weekend!


  •  2,700
    PenciDesign replied
    June 6, 2020 at 11:05am

    Hi,

    1/ Please try add more this code to Customize > Custom CSS to do that:

    .penci-header-signup-form{ margin-top: -60px; }

    2/ Unfortunately, there is no way to put social media icons there.


    Best Regards,

    PenciDesign